Как проверить скорость сайта на Tilda: Lighthouse, LCP, INP и CLS без охоты за идеальным баллом

Lighthouse полезен как отправная точка, но один балл не описывает весь пользовательский опыт. Для технической проверки нужно понимать, что измеряется, в каких условиях запущен аудит и какие изменения действительно повлияли на страницу. Core Web Vitals включают LCP, INP и CLS: отображение основного содержания, отзывчивость и визуальную стабильность.

Google рекомендует смотреть на общий page experience, а не пытаться поднять одну цифру ради SEO. Лабораторный тест помогает найти причину, а полевые данные показывают, как сайт ведет себя у реальных посетителей.

LCP показывает, когда на экране появился главный крупный элемент. На Tilda им часто становится обложка, крупный заголовок или блок с изображением. INP отражает задержку между действием пользователя и обновлением интерфейса. CLS показывает неожиданные сдвиги: например, текст переместился после загрузки картинки или шрифта.

В материалах web.dev обычно используются пороги: LCP до 2,5 секунды, INP до 200 миллисекунд и CLS до 0,1 на 75-м процентиле. Это ориентиры, а не разрешение объявлять сайт быстрым без измерения реальных страниц.

Откройте страницу в Chrome, запустите Lighthouse и выберите мобильный режим, если проверяете основной пользовательский сценарий. Зафиксируйте URL, дату, сеть, устройство, расширения и число повторов. Один запуск может отличаться от другого из-за маршрутизации, кэша и фоновых процессов.

Для сравнения измеряйте ту же страницу в одинаковых условиях. Запишите не только Performance Score, но и значения метрик, предупреждения и список крупных ресурсов.

Слишком тяжелая обложка увеличивает LCP. Виджеты, аналитика, чаты и внешние скрипты увеличивают работу главного потока и могут ухудшить INP. Изображения без заранее зарезервированного места и поздно загружаемые шрифты провоцируют CLS.

В Network смотрите размер и время загрузки файлов, а в Performance — длинные задачи основного потока. Если основной ресурс пришел быстро, но интерфейс долго занят JavaScript, уменьшение изображения не решит проблему. Если текст сдвигается до появления картинки, ищите причину в размерах контейнера.

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

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

Lighthouse не оценивает точность текста, удобство формы, соответствие ожиданию и качество мобильного сценария целиком. Быстрая, но непонятная страница не станет полезнее. Используйте аудит как инструмент диагностики, а финальный вывод делайте после проверки на реальном устройстве и в Search Console.