Как в Nuxt, при SSR сократить размер объекта window.__NUXT__?

Добрый день!

При создании страницы на сервере (SSR), Nuxt помимо шаблона генерирует js объект данными window.__NUXT__.

Если объект получается большим, он влияет на PageSpead + поисковый робот будет скачивать и парсить лишние данные.

Возможно ли как то сократить этот объект? К примеру для статических компонентов, а лучше вообще не добавлять данные которые не могут поменяться.
  • Вопрос задан
  • 675 просмотров
Решения вопроса 1
@hello_my_name_is_dany
Backend Developer (Node.js, PHP, C#)
PageSpeed, как и Lighthouse, в любом случае будет ругаться то на кучу JS кода, то на полифиллы, которые даже в modern режиме иногда подгружаются почему-то. Объект __NUXT__ нужен для воспроизведения состояния Vue, чтобы он потом работал и не делал лишний рендеринг. А так полностью статические компоненты в него не отдают данные, так как у них нет ни состояния, ни пропсов. По моему опыту - как раз большую часть __NUXT__ занимают data values и i18n переводы, чем меньше вы их будете использовать, тем меньше и будет __NUXT__. Других способов уменьшить его размер - нет.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@DesignerAS
Frontend developer
Добавь к nuxt-link атрибут no-prefetch и тогда у тебя не будут все данные тянуться
https://nuxtjs.org/docs/2.x/features/nuxt-componen...
Ответ написан
dergunovs
@dergunovs
dergunov.com
Там хранятся динамические данные полученные извне для корректной работы SSR. Например, что пришло с бэка.
Самый простой путь уменьшить этот блок - получать только необходимые данные. Проверить, все ли они на самом деле используются на странице.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы