Nuxt + Google PageSpeed Insights — улучшаем score

У меня была проблема с nuxt сайтом, который имел очень низкий PageSpeed score. Проблема в этом сказывалась в плохой индексации сайта — гугл выбрасывал хорошие страницы из выдачи. Одной из возможных причин мог быть как раз низкий рейтинг google pagespeed insights.

Я провел некоторые оптимизации, которые позволили мне увеличить мобильный рейтинг с 46 до 63

Переводим домен на cloudflare и настраиваем оптимизации

На вкладке Speed -> Optimization -> Content optimization включаем:

На вкладке Caching -> Configuration:

После чего включаем http2:

Правим nuxt config

  1. Устанавливаем модуль https://www.npmjs.com/package/nuxt-delay-hydration и включаем его в конфиге
  2. Добавляем настройку для оптимизаций:
optimization: {
    splitChunks: {
        maxSize: 300000
    }
}

В целом, этого достаточно, чтобы внушительно поднять уровень в pagespeed insights.

Click to rate this post!
[Total: 0 Average: 0]

Вам также может понравиться

About the Author: deniskoronets

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *