Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

CLS и простая див таблица с картинками через бутстрап


Recommended Posts

Исправляю CLS (Cumulative Layout Shift) для сайта https://fortest.store/  (тестовая версия). Дошел с 2,5 оценки смещения до  0,117
Но осталось исправить простый на вид див, с которым пока не могу справится, речь идет об картинках-кнопках:

image.png.a54fa306a3049fe9a3e52f1218249bc1.png

 

Как на каждый с елементов этой таблицы, так и на саму таблицу, пруф.

Можете подсказать, что мне делать?


 

Надіслати
Поділитися на інших сайтах


Попробуйте добавить родительский див блоку со всеми вашими кнопками и задать высоту для разных экранов, у меня таким образом получилось данную проблему решить.

Надіслати
Поділитися на інших сайтах


Мне недавно фиксил друг другой сайт и сказал, что часто проблема не в тех элементах, на которые ругается CLS а в тех, что выше. 

И вот вижу, как нормально так скачет у меня мобильный номер в шапке и его див:

<div class="col-sm-3 col-xs-8 callback" style="padding-top: 35.5px;"></div>

Но я нигде не могу найти как именно задавалось этому Div-у 

style="padding-top: 35.5px;"

этот стайл. В файлах нигде его нету. Мог мне один из програмистов это как-то вставить через админку этот атрибут? или же через базу данных?

Я уверен, проблема в этом.

П.С. Если что, код в хеадере выглядит вот так:

<div class="col-sm-3 col-xs-8 callback">
		<a href="tel:+380969796519" class="link-telephone"><span class="text-telephone">096-97-96-519</span></a>
			<div data-toggle="modal" class="btn-cart" data-target="#modalFeedback"><?php echo $text_button_callback; ?></div>
		</div>

 

Надіслати
Поділитися на інших сайтах


Нашёл. Програмист сунул скрипт в футер. Теперь не скачет номер. Но проблема еще чуть-чуть осталась. Прошу очень помочь. Хотелось бы сегодня доделать, чтоб спокойно уснуть, ведь с 2.5 CLS уменьшил до 0,11. 

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.