Правки Layout Shift CLS гугла

  • Опубликовано 3 года назад
  • Просмотры 3
  • Закончить проект

Описание

Цена не окончательная

Правки Layout Shift
Для получения ошибок в Layout Shift в консоли Chrome вкладка Performance c установленной галкой в Web Vitalis запустить профилирование prnt.sc/10tflaz
Визуально можно проверить включив Layout Shift во вкладке Rendering через More tools prnt.sc/10tfm60 все смешяюшися области подсветятся синим prnt.sc/10tfo2q

1. Карточка товара
test3.euro-oboi.com/catal...

1.1 Блоки Рекомендуем заменить, Похожие товары, Другие коллекции этой фабрики.
Сменить изначальный вывод с вертикального на горизонтальный
prnt.sc/10tczoa и видео disk.yandex.ru/i/_FT2nafs...

1.2 Добавить lazyload и placeholder для блока prnt.sc/10tdo5o Коментарии.

1.3 Блок prnt.sc/10tffx9 тут не знаю что именно надо поправить

2. Карточка товара с интерьером
test3.euro-oboi.com/catal...
Интерьеры prnt.sc/10tfrdg

3. Карточка товара с доп изображениями и видео
test3.euro-oboi.com/catal...

3.1 Изображению в div about_card_wallpaper_left prnt.sc/10tf8qh
Добавить lazyload и placeholder
3.2 Видео добавить placeholder для блока с видео prnt.sc/10tfay4

Опубликовано 3 года назад