Новий інструмент у Chrome для виявлення причин змін макету: як це вплине на веб-програмування

Команда розробників Chrome представила нову функцію, яка названа "Layout Shift Culprits". Ця функція покликана покращити можливості відлагодження для Cumulative Layout Shift (CLS), що є важливим аспектом продуктивності веб-сайтів. Вона працює у панелі Insights Chrome та надає розробникам можливості для візуалізації подій зміни макету в реальному часі, відтворення подій зміни кадр за кадром, автоматичної ідентифікації найважливіших кластерів змін та ін.

"Ця розробка важлива, оскільки CLS є ключовим критерієм в Core Web Vitals від Google"

🚀 Новий інструмент дозволяє виявити проблеми з вмістом, що інжектується третіми сторонами, відлагоджувати проблеми з динамічним завантаженням вмісту, оптимізувати розміщення реклами, покращувати стратегії завантаження медіа-елементів та тонко налаштовувати реалізації лінивого завантаження.

• 📌 CLS вимірює візуальну стабільність, яка впливає на користувацький досвід, рейтинги пошуку, мобільну зручність та показники продуктивності сторінки.
• 📌 Layout Shift Culprits доступна в Chrome Canary та може вплинути на те, як розробники оптимізують продуктивність, коли вона досягне стабільних версій Chrome.
• 📌 Розробники можуть завантажити Chrome Canary окремо від стабільного браузера Chrome, щоб тестувати обидві версії одночасно.