Когда время поджимает и нужно максимально быстро починить LCP...

Когда время поджимает и нужно максимально быстро починить LCP, я действую именно так, пишет Арьен Карел.

Для меня это самый рабочий способ разобраться с задержками, которые вылезают на всех четырех этапах LCP.

1. Улучши TTFB. Time To First Byte — это время, когда страница висит абсолютно пустой. Это нужно чинить любой ценой, обычно за счет кеширования запросов, страниц и кода.

2. Вычисти из пути до LCP всё, что менее важно, чем сам элемент LCP. Речь об иконках, сторонних скриптах, картинках за пределами первого экрана, второстепенных шрифтах (и я не имею в виду отложенную загрузку до взаимодействия, просто убедись, что они встают в очередь после элемента LCP).

3. Задай приоритет элементу LCP, прописав fetchpriority="high".

4. Настрой запуск менее важных JS-функций после события Load. Так они не будут блокировать элемент LCP после его скачивания.

Затем, когда всё это сделано, я начинаю смотреть в сторону оптимизации картинок: современные форматы и адаптивные изображения.

Но будем честны, узкое место почти никогда не в этом.

@MikeBlazerX

⚠️ Закрытый канал: @MikeBlazerPRO