Как ускорить загрузку сайта: чек-лист из практики
Медленный сайт теряет клиентов ещё до того, как они увидят оффер: на каждые лишние 2 секунды — заметная доля отказов. Разбираю по пунктам, что реально тормозит сайты и как я ускоряю их до 90+ баллов PageSpeed.
Сначала — замер, потом оптимизация
Прежде чем что-то «улучшать», измерьте: PageSpeed Insights покажет мобильный и десктопный балл, метрики LCP (когда появляется главный контент), TBT (сколько страница блокирует поток браузера) и CLS (скачет ли вёрстка). Выпишите три худшие метрики — это и есть план работ. Оптимизация без замера превращается в перебирание советов из интернета.
Чек-лист: что тормозит в 90% случаев
- 01Картинки не сжаты или не в современном формате. Переводите в AVIF/WebP и отдавайте правильный размер под экран: картинка 2000px в мобильном макете 360px — это гигабайты лишнего трафика.
- 02Шрифты блокируют отрисовку. Подключайте через next/font или font-display: swap — текст появляется сразу, шрифт догоняет.
- 03Аналитика грузится в первом потоке. Google Analytics и Яндекс.Метрика — это сотни килобайт, которые не нужны для первого экрана. Отложите их на после загрузки — TBT падает на десятки миллисекунд.
- 04LCP-элемент появляется с задержкой. Если герой-блок анимированно «въезжает» с прозрачности — браузер не видит главного контента. Анимации отложите на долю секунды после рендера или уберите с первого экрана.
- 05Тяжёлые сторонние скрипты: чаты-виджеты, попапы, «умные» плагины. Каждый — отдельный запрос и JS-поток. Оставьте то, что реально конвертирует.
- 06Нет кэширования и CDN. Статика должна кэшироваться, HTML — раздаваться с edge-нод: статические генераторы (SSG) и Vercel/Netlify решают это из коробки.
- 07Хостинг из 2010-х. Перенос с shared-хостинга на платформу с SSR/SSG часто ускоряет ответ сервера с 1–2 секунд до 100–300 мс — подробнее в статье про перенос на другой хостинг.
Когда простых мер мало
Если сайт собран на тяжёлом конструкторе или теме с десятком плагинов, точечная оптимизация упирается в потолок: архитектура не позволяет. Дальше два пути — переезд на быстрый хостинг (если движок нормальный) или переборка на статическом генераторе. Второе дороже, но даёт компактный, быстрый и безопасный сайт без подписок.
Что делать прямо сегодня
Прогоните сайт через PageSpeed Insights, выпишите три худшие метрики и пройдитесь по чек-листу сверху вниз — обычно первые три пункта дают основной эффект. Если после этого сайт всё ещё медленный — несите замеры мне: по ним видно, где именно затык, и что выгоднее — доработка или перенос.
Нужна помощь со своим сайтом?
Есть задача?
Напишите.
Опишите в двух словах, что нужно: сайт, клиенты из поиска или автоматизация. Отвечу в течение пары часов, честно скажу, что получится и сколько стоит. Первичная консультация — бесплатно.