Когда открывать загрузку тяжёлого: отрисовка И load, досрочно по действию, потолок 4 секунды. Две грабли, готовый код и результат: каталог 69 → 100, товарная 77–83 → 96–97 — без единого спрятанного блока.
Шрифты, видео в карточках, ленивые блоки, картинки без размеров, CSS и соседние слайды — где мы находили вес, тянувший оценку PageSpeed вниз, как узнать каждый источник в отчёте и сколько он стоил.
Наблюдение на каждом кадре показало задержку 7448 мс при настоящих 1499. curl -I проверял не тот кэш, массовый обход мерил сам себя, а первый же запрос «чинил» холодные страницы. Как не обмануть себя своим зондом.
Заблокировали видео — LCP стал хуже: 16,2 с против 15,1. Вывод «видео ни при чём» оказался ложным: оно занимало 706 КБ из 960 в окне первой отрисовки. Почему блокировка меняет саму страницу и как проверять вину правильно.
Оценка плавает на ±10 баллов, а изредка один прогон выдаёт Speed Index в 10 раз хуже обычного. Как мерить сериями, какие прогоны выкидывать и три способа обмануть себя ещё до замера.
Одна команда, JSON-отчёт и скрипт на двадцать строк — и видно, какие файлы попали в окно первой отрисовки и сколько секунд они стоят в оценке. Локальный прогон дал 69 при 69 в PageSpeed.
КБ × 8 ÷ 1600 — и вы знаете, сколько секунд добавит к LCP то, что попало в окно первой отрисовки. Шрифты на 2 МБ дали 10,3 с при отчёте 10 523 мс. Как пользоваться и когда формула не сходится.
Почему страница открывается за 2,4 секунды, а PageSpeed пишет 12,8: как устроена проверка, какой телефон и какую сеть она изображает и одно правило, из которого следует почти вся оптимизация.
$ tail -f /blog
Пишу разборы по скорости сайтов, кэшу и разработке — на живых проектах и с цифрами. Подпишитесь, и ссылка на новую статью придёт сразу после выхода. Без рекламы и спама, отписаться — в один клик.
или на почту
