Как ускорить загрузку сайта
Как ускорить загрузку сайта по отчёту Google PageSpeed Insights: LCP, INP, CLS и почему сайт на Тильде быстрее не сделать.
Страница должна открываться сразу. Если основной экран собирается несколько секунд, человек уходит, а поисковик видит слабые Core Web Vitals. Ускорение начинают не с плагинов «в один клик», а с отчёта PageSpeed: он показывает, какой файл реально тормозит загрузку.
Google PageSpeed Insights
Google PageSpeed Insights — бесплатная проверка по адресу pagespeed.web.dev. Вставляете URL и получаете две оценки: мобильную и десктопную. Смотреть нужно в первую очередь мобильную: Google ранжирует по ней.
В отчёте два слоя данных. Lab — замер в контролируемых условиях, его удобно смотреть сразу после правок. Field — реальные визиты из Chrome User Experience Report, они появляются, когда у страницы уже есть трафик. Оценка 90+ сама по себе ничего не продаёт. Важны три метрики:
- 01LCP — когда на экране появляется главный блок (крупное фото, первый экран, заголовок). Хорошо — до 2,5 секунды.
- 02INP — как быстро страница отвечает на нажатие. Хорошо — до 200 миллисекунд. Тяжёлый JavaScript эту цифру и портит.
- 03CLS — насколько вёрстка прыгает, пока грузятся картинки, шрифты и баннеры. Хорошо — 0,1 и ниже.
Ниже оценки PageSpeed пишет Opportunities: лишний JavaScript, картинки без размера, шрифты, которые блокируют отрисовку, долгий ответ сервера. Это и есть список работ, а не «поднять балл любой ценой».
Что обычно ускоряет сайт
- 01Картинки в WebP или AVIF, с шириной и высотой, ленивая загрузка всего, что ниже первого экрана.
- 02Свой код вместо пачки виджетов: чат, карты, пиксели и конструкторные скрипты часто весят больше, чем сама страница.
- 03Короткий ответ сервера. Если TTFB уже больше секунды, сжатие CSS ничего не спасёт — сначала хостинг и кэш HTML.
- 04Шрифты с
font-display: swapи без десятка начертаний «на всякий случай». - 05Кэш статики и один собранный CSS/JS, а не 40 отдельных запросов.
Подробный разбор метрик есть в заметке об увеличении скорости загрузки сайта.
Как ускорить сайт Тильда
Никак. Тильда — сервис, который собирает страницу из внешних файлов: скрипты, стили, шрифты и виджеты приезжают с их серверов, а не лежат у вас в проекте. PageSpeed честно показывает этот чужой JavaScript, но вырезать его нельзя — без этих файлов сайт на Тильде просто не откроется. Отключить пару анимаций и сжать обложку можно, потолок скорости от этого не меняется. В эру вайбкодинга, когда сайт собирают под задачу и отдают только свой код, Тильда — бессмысленный шлак.