#web-component #core-web-vitals
Вопрос:
Для оптимизации веб-сайта для веб-функций Google одной из наиболее распространенных причин плохого CLS являются: Изображения, объявления, вставки и фреймы без размеров
А веб-компонент? Как мы можем создать веб-компонент, который не запускает cls? С заполнителем? С фиксированными размерами?
Есть какие-нибудь предложения?
Комментарии:
1. Веб-компонент сам по себе является контейнером для содержимого DOM. Именно этот контент DOM вызывает Кумулятивные изменения макета. Таким образом, веб-компонент в основном ничем не отличается от обычного
<DIV>
Ответ №1:
Можете ли вы попробовать протестировать свой сайт в Chrome Canary? Недавно было исправлено несколько ошибок CLS, которые неправильно относили изменения макета к веб-компонентам в первом кадре, в котором они были отрисованы.
Я всегда рекомендую измерять веб-показатели в Chrome Canary, чтобы получить наиболее точные результаты.
Кроме того, к вашему сведению, если вы хотите следить за изменениями и исправлениями ошибок для каждой из метрик, вы можете сделать это здесь: https://chromium.googlesource.com/chromium/src/ /мастер/документы/скорость/metrics_changelog/README.md