У меня была проблема с nuxt сайтом, который имел очень низкий PageSpeed score. Проблема в этом сказывалась в плохой индексации сайта — гугл выбрасывал хорошие страницы из выдачи. Одной из возможных причин мог быть как раз низкий рейтинг google pagespeed insights.
Я провел некоторые оптимизации, которые позволили мне увеличить мобильный рейтинг с 46 до 63
![](https://woo.zp.ua/wp-content/uploads/2023/09/image-1-1024x821.png)
Переводим домен на cloudflare и настраиваем оптимизации
На вкладке Speed -> Optimization -> Content optimization включаем:
![](https://woo.zp.ua/wp-content/uploads/2023/09/image-2-1024x338.png)
![](https://woo.zp.ua/wp-content/uploads/2023/09/image-3-1024x388.png)
На вкладке Caching -> Configuration:
![](https://woo.zp.ua/wp-content/uploads/2023/09/image-4-1024x244.png)
После чего включаем http2:
![](https://woo.zp.ua/wp-content/uploads/2023/09/image-5-1024x722.png)
Правим nuxt config
- Устанавливаем модуль https://www.npmjs.com/package/nuxt-delay-hydration и включаем его в конфиге
- Добавляем настройку для оптимизаций:
optimization: {
splitChunks: {
maxSize: 300000
}
}
В целом, этого достаточно, чтобы внушительно поднять уровень в pagespeed insights.
Click to rate this post!
[Total: 0 Average: 0]