Як вирішити проблеми з найбільшим контентним фарбуванням за допомогою аналізу субчастин

Найбільший контентний друк (LCP) в Core Web Vitals вимірює, наскільки швидко завантажується веб-сайт з точки зору відвідувача. Він дивиться, як довго після відкриття сторінки найбільший елемент контенту стає видимим. Якщо ваш веб-сайт завантажується повільно, це погано для користувача і може також знизити рейтинг вашого сайту в Google.

🚀 При спробі вирішити проблеми з LCP, не завжди зрозуміло, на що слід зосередитись. Чи сервер занадто повільний? Чи занадто великі зображення? Чи контент не відображається? Google нещодавно працював над цим, вводячи субчастини LCP, які показують, звідки походять затримки завантаження сторінки. Вони також додали ці дані до Chrome UX Report, дозволяючи вам бачити, що викликає затримки для реальних відвідувачів на вашому веб-сайті!

• 📌 LCP розбиває метрику найбільшого контентного фарбування на чотири різні компоненти.
• 📌 Одним із способів вимірювати, наскільки кожен компонент сприяє оцінці LCP на вашому веб-сайті, є використання тесту швидкості веб-сайту DebugBear.
• 📌 Є різні техніки, які можна використовувати для зменшення затримки завантаження.