Основные веб-ресурсы и веб-компоненты - CLS
Для оптимизации веб-сайта для WEB Vitals Google одной из наиболее распространенных причин плохого CLS являются: изображения, объявления, встраиваемые и фреймы без размеров.
А веб-компонент? Как мы можем создать веб-компонент, который не запускает cls? С заполнителем? С фиксированными размерами?
Любое предложение?
1 ответ
Можете ли вы попробовать протестировать свой сайт в Chrome Canary? Недавно было исправлено несколько ошибок CLS, из-за которых смещения макета неправильно приписывались веб-компонентам в первом кадре, который они были визуализированы.
Я всегда рекомендую измерять Web Vitals в Chrome Canary, чтобы получить наиболее точные результаты.
Кроме того, к вашему сведению, если вы хотите следить за изменениями и исправлениями ошибок для каждой из метрик, вы можете сделать это здесь: https://chromium.googlesource.com/chromium/src/+/master/docs/speed/metrics_changelog/README.md