Всем привет, возник вопрос оптимизации приложения написанного на Nuxt, можете,

Question

Nuxt.js | Vue SSR

Роберт Ахияров

Всем привет, возник вопрос оптимизации приложения написанного на Nuxt, можете,

пожалуйста, раздать советы? Какие инструменты анализа есть? Что влияет на TTBF и TTI? На что смотреть в первую очередь?

#nuxt.js #programming #russian #software

0

18.10.2021

3 ответов

32 просмотра

RokeAlvo

по шагам 1. отключить метрики (с ними отдельно разбираться) 2. прогнать через pagespeed и решить проблемы связанные с картинками, со сдвигами и т.п. После этого шага должны остаться проблемы с неиспользуемым js и и TTI 3. по максимуму отказаться от глобального подключения чего либо. Особое внимание к различным SDK (например googleMap) - подключайте их там где они нужны. 4. Библиотека lazyHidration обязательна к использованию. В основном для тех компонентов, которые должны отрендериться один раз на сервере и больше не меняются. 5. Лишние данные - очень больная тема. Например, апи отдает список постов: type PostListResponse = { items: { title: string content: string date: string } } на странице за вывод отвечает компонент с интерфейсом: type ComponentProps = { posts: { title: string }[] } т.е. из поста берется только title. Но очень распространенная практика сохранять целиком, то что пришло из api. Пока у нас spa ни чего страшного (относительно), но при ssr происходит следующее: на сервере запрашиваются посты, рендерится страница у которой в состоянии хранятся все объекты целиком (вместе со всеми полями), это состояние сериализуется, едет на клиент, там этот json парсится (то что странным словом гидротация называетя). Остальные источники лишних данных, например переводы. Во многих проектах это просто один json на все страницы и языки. 6. Проблемы с TTFB - решаются кешированием (не знаю других способов)

0

18.10.2021

Роберт Ахияров Автор вопроса

RokeAlvo
по шагам 1. отключить метрики (с ними отдельно раз...

Спасибо большое! 🙏

0

18.10.2021