Скорость сайта: как проверить в Google PageSpeed и ускорить

Скорость сайта нужно сначала измерить, а уже потом ускорять. Бесплатный сервис Google PageSpeed Insights показывает, насколько быстро загружается страница, что её тормозит и что исправить. В большинстве случаев причины простые: несжатые тяжёлые изображения, лишние скрипты и медленный хостинг. Их исправление заметно ускоряет загрузку.

Почему это важно? Если на мобильном интернете страница открывается долго, человек не ждёт и уходит — вы теряете клиента из рекламы или поиска. Кроме того, Google учитывает удобство страниц, в том числе показатели Core Web Vitals. Ниже разберём, как проверить скорость сайта, как читать результаты и как ускорить загрузку.

Как проверить скорость сайта

Google PageSpeed Insights

Откройте pagespeed.web.dev и вставьте адрес страницы. Результат состоит из двух частей:

• Данные реальных пользователей (field data) — реальный опыт пользователей Chrome за последние 28 дней. Если у сайта мало посещений, этот блок может быть пустым.
• Лабораторный тест (Lighthouse) — проверка в искусственных условиях с баллом от 0 до 100 и рекомендациями.

Смотрите мобильную и десктопную версии отдельно. Мобильный результат обычно ниже, потому что тест имитирует более медленное устройство и сеть, — и именно он важнее.

Google Search Console

Отчёт Core Web Vitals делит страницы всего сайта на группы «хорошо», «требуется улучшение» и «плохо». Так быстро видно, какие типы страниц проблемные. Как подключить Search Console, мы рассказали в статье почему сайт не индексируется в Google.

Chrome DevTools

Нажмите F12 в браузере: во вкладках Lighthouse и Network видно, какие файлы и сколько грузятся. Удобный инструмент для разработчиков.

Скорость загрузки сайта в Google PageSpeed: LCP, INP и CLS

Google считает страницу хорошей, если показатели в норме у 75 % посещений.

LCP: основной контент

Обычно это крупное изображение или заголовок на первом экране. Если LCP медленный, причина часто в тяжёлом баннере, медленном ответе сервера или CSS и шрифтах, которые блокируют отрисовку.

INP: скорость реакции

INP пришёл на смену FID в 2024 году. Он измеряет, через сколько обновляется экран после нажатия кнопки или ввода текста. Главный враг — тяжёлый JavaScript и множество сторонних скриптов.

CLS: визуальная стабильность

Вы хотите нажать кнопку, но в этот момент сверху подгружается баннер и страница съезжает вниз. Это плохой CLS. Причины — изображения без заданных размеров, поздно загружаемые рекламные блоки и шрифты.

Как ускорить сайт: практические шаги

1. Оптимизируйте изображения

Самый быстрый по эффекту шаг. Сохраняйте картинки в WebP или AVIF и в том размере, в котором они показываются: фото на 4000 пикселей экрану телефона не нужно. Изображения ниже первого экрана загружайте лениво (lazy loading), задавайте им ширину и высоту — это заодно улучшит CLS.

2. Сократите скрипты

Каждый виджет чата, аналитика, пиксель и карта добавляют JavaScript. Пройдитесь по списку: что действительно нужно? Остальное уберите или загружайте отложенно. Теги, подключённые через Google Tag Manager, тоже считаются.

3. Наведите порядок со шрифтами

Загружайте только нужные начертания и наборы символов (латиница и кириллица). По возможности отдавайте шрифты со своего сервера.

4. Кэширование и CDN

Статические файлы (изображения, CSS, JS) должны кэшироваться в браузере. CDN доставляет файлы с ближайшего к пользователю сервера. Статически сгенерированные страницы не собираются заново при каждом запросе и открываются быстрее.

5. Хостинг и ответ сервера

На дешёвом виртуальном хостинге сервер может отвечать медленно. Если PageSpeed предупреждает о времени ответа сервера, проблема не в коде, а в сервере.

6. Видео и встроенные карты

Видео с YouTube или интерактивная карта добавляют на страницу много кода. Не загружайте их сразу: сначала покажите простое превью, а настоящий плеер или карту подгружайте по нажатию. Фоновое видео на первом экране особенно дорого обходится на мобильном интернете.

7. Устаревшая CMS и плагины

Сайт с десятками плагинов грузит лишний код на каждой странице. Иногда пересобрать сайт на современном стеке дешевле, чем бесконечно оптимизировать старый, — об этом в статье редизайн сайта.

Типичные ошибки

• смотреть только на балл и игнорировать данные реальных пользователей;
• проверять только главную, забывая о страницах услуг и товаров;
• ставить «ускоряющие» плагины, которые сами добавляют код;
• не перепроверять скорость после каждого изменения.

Скорость сайта — часть SEO в целом; полная картина в статье SEO продвижение сайта.

Как SyncLab делает быстрые сайты

Мы собираем сайты на современном стеке: страницы рендерятся на сервере или генерируются статически заранее, изображения отдаются в нужном размере, лишние скрипты не подключаются. Перед сдачей проверяем скорость в PageSpeed Insights и Search Console. Для существующего сайта проводим аудит, находим причины и исправляем; объём работ оцениваем по проекту.

Если нужен новый сайт, в рамках услуги создание сайтов после короткого брифа присылаем письменное предложение с объёмом работ, сроками и фиксированной стоимостью. Серверами, хостингом и CDN занимается наше направление облачные решения и DevOps.

Частые вопросы