Замечаю, что после очередной правки страницы оценки в Lighthouse могут просесть, хотя на глаз сайт не стал медленнее. Особенно непонятно с Core Web Vitals: где искать причину, если LCP скачет, а CLS появляется только на некоторых устройствах? Интересно, как вы проверяете скорость не только в лабораторных условиях, но и у реальных посетителей.
У себя начал бы с простого: прогнать ключевые страницы в PageSpeed Insights, посмотреть полевые данные и отдельно проверить мобильную версию. Часто дело не в сложном JavaScript, а в тяжёлом изображении на первом экране, поздно загружаемом шрифте или блоке, который меняет размер после загрузки. Для LCP помогают подходящий формат и размер картинок, для CLS — заранее заданные размеры изображений и резерв места под динамические блоки.
Но хочется понять, как расставлять приоритеты. Стоит ли гнаться за «зелёными» оценками, если сайт ощущается быстрым, или сначала чинить только проблемы, которые видны в полевых данных? Поделитесь, какие изменения дали заметный результат и как вы проверяете, что улучшение не оказалось случайностью.
У себя начал бы с простого: прогнать ключевые страницы в PageSpeed Insights, посмотреть полевые данные и отдельно проверить мобильную версию. Часто дело не в сложном JavaScript, а в тяжёлом изображении на первом экране, поздно загружаемом шрифте или блоке, который меняет размер после загрузки. Для LCP помогают подходящий формат и размер картинок, для CLS — заранее заданные размеры изображений и резерв места под динамические блоки.
Но хочется понять, как расставлять приоритеты. Стоит ли гнаться за «зелёными» оценками, если сайт ощущается быстрым, или сначала чинить только проблемы, которые видны в полевых данных? Поделитесь, какие изменения дали заметный результат и как вы проверяете, что улучшение не оказалось случайностью.
Комментарии 9
Обсуждение темы — по порядку