Прекратите повторное измерение документа на каждом кадре прокрутки

Performancekamo-marketing
Порезанный
20 августа 2026 г. в 03:33 UTC
Автор
Kamo
Обещать
73d73f8

Два слушателя прокрутки на главной странице читали «ScrollHeight» за событие. Это а Запрос макета, и эта страница является худшим местом, чтобы сделать один раз: разделы используют «видимость контента: авто», поэтому прокрутка постоянно отменяет макет, и никогда не бывает чистого, чтобы прочитать от - каждое чтение заставляет Синхронный рефлектор. Высота документа не меняется, пока он находится Прокрученный, поэтому оба теперь измеряют один раз и перемеряют только по размеру или когда ResizeObserver на элементе документа говорит, что что-то действительно изменилось. Скрытая анимация была худшей из двух, и не только для перелива. Сохранилось Его бухгалтерия в состоянии React, поэтому он назвал SetState на каждом событии свитка. рендеринг на кадр каждого свитка — и потому, что оба значения были в эффекте массив зависимостей, эффект срывается и каждый раз прикрепляется к слушателю Тоже. Рефы делают его невидимым, чтобы реагировать, пока яйцо на самом деле не выстрелит. является пассивным, и работа сливается в одну РАФ на кадр. Также восстанавливается предзагрузка Space Grotesk, которая является преднамеренным разворотом. чем флип-флоп: сколько стоит подсказка, зависит от того, что такое узкое место. Это было удаляется, потому что он претендовал на приоритет в отношении изображения LCP, и это утверждение теперь исчез — логотип потерял свою преднагрузку и уменьшился вдвое, а подчасти LCP — нет Более подробно об этом говорится в докладе. Без намека лицо обнаруживается только тогда, когда таблица стилей парсирует, что делает ее Третьим звеном в критической цепи. (документ -> CSS -> шрифт). Именно это и привело к максимальной задержке критического пути. 488 мс и толкнули оценку блокировки рендеринга до 300 мс, с момента удаления таблица стилей также устранила бы зависимость шрифта от него. Подтверждено, что предзагрузка и @font-face разрешают один и тот же URL-адрес Отдельный вариант «.p» для предварительно загруженных лиц, и несоответствие будет Потерянная подсказка плюс вторая загрузка того же шрифта.

Все изменения

Как вы видите судоходство?

Каждое из этих обновлений автоматически попадает в ваше рабочее пространство. Начните бесплатно и смотрите, как он растет неделю за неделей.

Начните бесплатно навсегдаПосмотреть цены