мы его делали 2 года. Я уже около года не имею прямого отношения к разработке, но все еще понимаю, о чем разговор. У нас в команде 2 frontend разработчика. Оба работают по 1.5 - 2 года в проекте с момента основания. Оба опытные, но текущую задачу решить не можем. Прошу помощи
У нас Nuxt, Vuetify
Стоит задача - оптимизация скорости загрузки приложения (сайта) для SEO. Вот замеры:
- https://developers.google.com/speed/pagespeed/insights/?hl=RU&url=https%3A%2F%2Fjobni.ru%2F%3Fcity%3D69194%26show%3Dfalse&tab=mobile
- https://web.dev/measure/ - https://jobni.ru/?city=69194&show=false
- https://gtmetrix.com/ - https://jobni.ru/?city=69194&show=false
Запросы на back'е уже оптимизированы. Можно еще, но эффект будет минимальный
CDN подключен, поэтому вопросов с скоростью передачи трафика нет (вроде)
Это то, что вызывает вопросы - https://prnt.sc/teiym1
- SSR ~6,5 секунд
- Инициализация приложения и его скачка ~3 секунды
- Остальные 5.5 - мы управляем этим и разберемся (ТЗ поставлены, что делать понятно). Это же зеркально уменьшит SSR (это тоже понятно)
Вопрос в том, как работать с SSR и инициализацией приложения? Я не понимаю почему вначале идет SSR, потом инициализация с гидрацией, а потом еще раз выполнение скриптов. Как по мне – все должно приехать уже рабочее еще с SSR? Если было бы SPA – тогда не было бы SSR и общее время было бы около 5 – 9 секунд, но Google запросы на странице выполняет синхронно и возможно это было бы дольше. А как это делает Яндекс – вообще не известно
В общем прошу помощи
Скорее всего вам сюда https://github.com/maoberlehner/vue-lazy-hydration
Обсуждают сегодня