LCP (Largest Contentful Paint)
LCP измерва времето, необходимо на най-големия видим елемент от съдържанието на страницата, като основно изображение или заглавие, да се рендира напълно, което показва колко бърза се усеща страницата за потребителите.
Largest Contentful Paint (LCP) е един от трите Core Web Vitals на Google. Той измерва времето за рендиране на най-голямото изображение, видео или блок текст, видими в прозореца при първоначалното зареждане на страницата. На практика той измерва кога основното съдържание на страницата става видимо за потребителя.
Тези прагове се измерват при 75-ия персентил на зарежданията на страници при реални потребители. „Най-големият“ елемент обикновено е основното изображение на целева страница, изображението на публикация в блог, голямо заглавие или миниатюра на видео. Браузърът автоматично определя кой елемент е най-голям в първоначалния видим прозорец. Докато страницата се зарежда, LCP елементът може да се промени (например от заглавие към основно изображение, което се зарежда по-късно).
На практика
- Туристически уебсайт оптимизира основните си изображения, като ги предоставя във формат WebP и подходящи размери, намалявайки LCP от 5,2 секунди на 1,9 секунди на мобилни устройства.
- Блог предварително зареди своя LCP елемент (главно изображение) и LCP се подобри от 3,1s на 1,6s, което доведе до измеримо намаляване на процента на отказ
- Сайт за електронна търговия откри, че голям CSS файл блокира рендирането на LCP елемента им; вграждането на критичния CSS намали LCP от 4,0s на 2,1s
- Новинарски сайт внедри адаптивни изображения с атрибута srcset, предоставяйки по-малки изображения на мобилни устройства и намалявайки мобилното LCP с 40%
Не сте сигурни как се отнася за Вас?
Старши инженер разглежда сайта Ви, присъствието Ви в търсачките и начина, по който стигат запитванията до Вас, след което записва трите неща, които си струва да се поправят първо. Документът остава за Вас във всеки случай.