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

Question

[EvgeniySaschenko]

Добрый день!

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

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

Возможно ли как то сократить этот объект? К примеру для статических компонентов, а лучше вообще не добавлять данные которые не могут поменяться.

Comments

[VegasChickiChicki]

А как вы их загружаете?
Может у вас просто много лишних запросов? Например те страницы\компоненты, на которых еще не был пользователь.

[EvgeniySaschenko]

VegasChickiChicki, вообще данные загружаются AJAX-ом, но при первом заходе страница создаётся на сервере.
Я согласен с тем что данные стоит подгружать по необходимости, но тут нужно все сразу.
Вопрос в том есть ли возможность не добавлять их в объект window.__NUXT__ , туда добавляется много данных которые не будут использоваться.

[VegasChickiChicki]

EvgeniySaschenko, У вас что-то не так... Вы пишите, что все данные нужны, а потом пишите, что грузится много данных, которые не нужны... Что бы лишние данные не грузились, данные нужно загружать по мере необходимости. Если данные загружать правильно, то и не будет там огромной колбасы.

[EvgeniySaschenko]

VegasChickiChicki,

У вас что-то не так... Вы пишите, что все данные нужны, а потом пишите, что грузится много данных, которые не нужны...

Я написал о том что в объект window.__NUXT__ добавляется много лишних данных, в этом плане NUXT не оптимизирован. К примеру данные из этого объекта не будут использоваться для изменяя состояния в компонентов у которых нет состояния, они были нужны только на этапе генерации HTML на сервере.

Answer 1

[Daniil Vasilyev]

PageSpeed, как и Lighthouse, в любом случае будет ругаться то на кучу JS кода, то на полифиллы, которые даже в modern режиме иногда подгружаются почему-то. Объект __NUXT__ нужен для воспроизведения состояния Vue, чтобы он потом работал и не делал лишний рендеринг. А так полностью статические компоненты в него не отдают данные, так как у них нет ни состояния, ни пропсов. По моему опыту - как раз большую часть __NUXT__ занимают data values и i18n переводы, чем меньше вы их будете использовать, тем меньше и будет __NUXT__. Других способов уменьшить его размер - нет.

Answer 2

[Aleksey Sinyakov]

Добавь к nuxt-link атрибут no-prefetch и тогда у тебя не будут все данные тянуться
https://nuxtjs.org/docs/2.x/features/nuxt-componen...

Comments

[EvgeniySaschenko]

Это не оно, тут вопрос в данных которые приходят с сервера (SSR) при первом заходе пользователя на сайт.

Answer 3

[Александр Дергунов]

Там хранятся динамические данные полученные извне для корректной работы SSR. Например, что пришло с бэка.
Самый простой путь уменьшить этот блок - получать только необходимые данные. Проверить, все ли они на самом деле используются на странице.