Правки Layout Shift CLS Bitrix

5 000 руб. за проект
30 марта 2021, 23:23 • 0 откликов • 9 просмотров
Для получения ошибок в Layout Shift в консоли Chrome вкладка Performance c установленной галкой в Web Vitalis запустить профилирование https://prnt.sc/10tflaz

Визуально можно проверить включив Layout Shift во вкладке Rendering через More tools https://prnt.sc/10tfm60 все смешяюшися области подсветятся синим https://prnt.sc/10tfo2q

1. Карточка товара

https://test3.euro-oboi.com/catalog/avington/1602_105_04_avington/

1.1 Блоки Рекомендуем заменить, Похожие товары, Другие коллекции этой фабрики.

Сменить изначальный вывод с вертикального на горизонтальный

https://prnt.sc/10tczoa и видео https://disk.yandex.ru/i/_FT2nafs0VtzDw

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


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


2. Карточка товара с интерьером

https://test3.euro-oboi.com/catalog/new_elegance/37556_4_new_elegance/

Интерьеры https://prnt.sc/10tfrdg


3. Карточка товара с доп изображениями и видео

https://test3.euro-oboi.com/catalog/romana/r22532_romana/


3.1 Изображению в div about_card_wallpaper_left https://prnt.sc/10tf8qh

Добавить lazyload и placeholder

3.2 Видео добавить placeholder для блока с видео https://prnt.sc/10tfay4