Как ускорить сайт для SEO: Core Web Vitals простыми словами

Владелец интернет-магазина мебели однажды из чистого любопытства прогнал свой сайт через PageSpeed Insights — и наткнулся на красную отметку напротив главной страницы: 4,3 секунды до загрузки. На бумаге разница с целевыми 2,5 секундами выглядит несущественной. По данным Google, сокращение времени загрузки на 55% подняло среднюю продолжительность сессии на маркетплейсе Tokopedia на 23%. У Nykaa ускорение сайта на 40% принесло похожий эффект — органический трафик платформы вырос на 28%. Эти цифры показывают: скорость сайта давно перестала быть технической мелочью. Сегодня это прямой фактор ранжирования — и денег. 

Core Web Vitals Google — набор из трех метрик, которыми компания измеряет опыт живых посетителей страницы, а не лабораторные цифры в тепличных условиях. Данные берутся из отчета Chrome UX Report (CrUX) по фактическим визитам реальных людей, а не по одному замеру с рабочего компьютера разработчика в офисе с гигабитным интернетом — именно поэтому красная отметка у владельца мебельного магазина отражала опыт настоящих покупателей, а не сбой единичного теста.

Метрики core web vitals охватывают три разных аспекта восприятия страницы:

Разработчик, к которому обратился владелец мебельного магазина, начал не с правок кода, а с простого вопроса: что именно на этой странице такое тяжелое? Ответ обнаружился быстро — карточки товаров хранили фотографии диванов и шкафов весом по 3–4 мегабайта каждая, ни одна из них ни разу не сжималась со дня загрузки на сайт.

Ваш сайт не виден в поиске? Попробуйте SEO-продвижение от команды Clickmedia

Первым делом фотографии перевели в формат WebP — вес файлов упал в среднем в четыре раза без заметной потери качества на глаз. Вторым шагом настроили кеширование, чтобы повторные визиты одного и того же посетителя не заставляли сервер каждый раз собирать страницу заново. Третьим — подключили CDN, распределенную сеть серверов, которая отдает статичные файлы из точки, географически ближайшей к покупателю, а не всегда с одного и того же сервера в Минске.

Отдельно всплыла причина низкого INP: за годы работы на сайт накопилось одиннадцать сторонних скриптов — виджет чата, три разных счетчика аналитики, всплывающая форма подписки, кнопки соцсетей с собственной подгрузкой. Часть из них владелец даже не помнил, зачем устанавливал. Именно так на практике и выглядит ответ на вопрос, как ускорить работу сайта в целом, а не только скорость загрузки первого экрана: после чистки лишнего и минификации оставшегося CSS и JavaScript — то есть удаления пробелов, комментариев и мертвого кода из файлов — отклик страницы на клики заметно ускорился. Отдельно включили отложенную загрузку (lazy loading) для изображений ниже первого экрана: карточки товаров в нижней части каталога начали подгружаться только при прокрутке к ним, а не все разом при открытии страницы.

Хостинг менять не пришлось — тариф оказался достаточным, просто ресурсы сервера уходили на то, что можно было решить на уровне контента и кода. В сумме все перечисленное — то, что на практике и называют словом «ускоренная загрузка сайта», — дало заметный результат: самый быстрый и заметный прирост принесло именно сжатие фотографий, быстрее, чем любые точечные правки в коде. История мебельного магазина в целом хорошо показывает общий принцип: ускорить скорость сайта заметнее всего получается там, где изначально было больше всего проблем, а не там, где чинить проще всего с точки зрения разработчика.

Магазин мебели работал на WordPress, и часть найденных проблем оказалась характерна именно для этой платформы — у каждой CMS свой набор типичных узких мест.

Подробнее про CMS рассказали в статье.

Ускорить сайт WordPress

Как ускорить сайт WordPress — начать стоит с ревизии установленных плагинов: избыточное количество редко используемых расширений один из самых частых источников замедления на этой платформе. У мебельного магазина из двадцати установленных плагинов активно работали только семь — остальные тринадцать годами простаивали, продолжая подгружать свой код при каждом открытии страницы. Плагины кеширования вроде WP Rocket или W3 Total Cache, оптимизация изображений через специализированные модули и отказ от тяжелых визуальных конструкторов страниц в пользу более легких тем заметно снижают время отклика.

Ускорить сайт на Битриксе

Ускорить сайт на битриксе помогает встроенный модуль композитного кеширования, который сохраняет статичную версию страницы для неавторизованных пользователей вместо полной генерации страницы при каждом запросе. Дополнительно стоит проверить настройки акселератора данных и убедиться, что версия PHP на сервере актуальна — устаревшая версия языка сама по себе заметно замедляет обработку запросов.

Как ускорить сайт на Тильде

Как ускорить сайт на тильде отличается от работы с самостоятельно устанавливаемыми CMS тем, что доступа к серверным настройкам у пользователя нет вовсе — вся оптимизация сводится к работе с самим контентом внутри конструктора. Здесь помогает сжатие изображений перед загрузкой в галерею блоков, отказ от избыточного количества тяжелых анимаций на одной странице и удаление неиспользуемых блоков, которые продолжают подгружать свои стили и скрипты даже в свернутом состоянии.

Как ускорить загрузку сайтов в браузере — вопрос, который касается не только владельца сайта, но и самого посетителя: часть замедления возникает уже на стороне клиента, а не сервера.
Как ускорить сайт в браузере с точки зрения пользователя: очистка кеша и файлов cookie иногда решает проблему с зависшей версией страницы, отключение части расширений браузера снижает нагрузку на обработку страницы, а обновление самого браузера до актуальной версии обеспечивает поддержку современных форматов сжатия данных. Для владельца сайта в этом контексте важнее корректно настроенные заголовки кеширования — именно они определяют, сколько времени браузер посетителя будет хранить статичные файлы локально, не запрашивая их у сервера повторно при каждом визите.