Как они сделали Cumulative Layout Shift (CLS) в ноль?

Dmitriy_2014
На сайте с 01.07.2014
Offline
276
#11
webinfo #:

Это о чём? И к теме при чём?

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

А хотя, может быть ты и прав, может это и не причем, да это не то, наверное.
3rd.Mate
На сайте с 06.05.2011
Offline
101
#12
Dmitriy_2014 #:

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

А хотя, может быть ты и прав, может это и не причем, да это не то, наверное.

Указывание атрибутов width и height для изображений - это один из способов избежать сдвига макета. Для резиновых (responsive) дизайнов можно использовать новое css свойство aspect-ratio. Но поскольку старые браузеры его не поддерживают (насколько я помню около 5%), то очень желательно к нему добавить правило  @supports not и в нем использовать старый добрый костыль с paddding-top в %. 
Вот тут про aspect-ratio, а вот это - общие рекомендации гугла по поводу сдвига элементов.  Вот пример совместного использования отступа и aspect-ratio.
А еще тег <picture> придумали для адаптивных дизайнов.

aspect-ratio - CSS: Cascading Style Sheets | MDN
aspect-ratio - CSS: Cascading Style Sheets | MDN
  • 2023.08.29
  • developer.mozilla.org
The CSS property allows you to define the desired width-to-height ratio of an element's box. This means that even if the parent container or viewport size changes, the browser will adjust the element's dimensions to maintain the specified width-to-height ratio. The specified aspect ratio is used in the calculation of auto sizes and some other...
Aisamiery
На сайте с 12.04.2015
Offline
294
#13
D.iK.iJ #:
Я вообще уверен, что этот параметр ввели для тех умников, кто любил оставлять страницу без стилей, подключая их только в футере

Если что это была рекомендация от гугла, так как загрузка ресурсов блокирует рендер, то есть пока из шапки стили и скрипты не загрузятся, страница грузиться не будет остальная. И рекомендация была такая, что чтобы отрисовать первый экран стили надо вставлять прям на страницу (мы ставили основное это сброс дефолтных браузерных стилей + сетка + текст + хеадер), а остальное вставлять все не то что в футер, а за закрывающий тэг html. Я думаю такие рекомендации еще можно нагуглить, интернет все помнит.

Разработка проектов на Symfony, Laravel, 1C-Bitrix, UMI.CMS, OctoberCMS
Dmitriy_2014
На сайте с 01.07.2014
Offline
276
#14

Как вы думаете если я вытащу CLS в 0, накинут ли мне поисковые системы 2X посетителей? И

Что бы вы выбрали для своего сайта, гипотетическое увеличение посетителей за счет удаления рекламы из первого экрана и увеличения CLS или оставить рекламу в первом экране, ну как бы выбрав бабки и попрощаться с CLS в 0 и теоретическими наплывами посетителей как бонус от ПС вследствие увеличения скорости и несдвигаемости контента в первую миллисекунду загрузки вашей веб-страницы?
L
На сайте с 10.02.2015
Offline
223
#15
Dmitriy_2014 #:

Как вы думаете если я вытащу CLS в 0, накинут ли мне поисковые системы 2X посетителей?

До сегодняшнего времени не накидали (CLS ~0.1)

i.lisovenko
На сайте с 14.01.2022
Offline
40
#16
Dmitriy_2014 #:
А и еще вопрос, влияет ли резиновая верстка на это, типа если 80% основной контент, а 20% сайдбар, ну такие вещи не статичные?

Я заметил вот какую вещь, все свои сайты прогоняю через данный сервис Гугл. И в 98% случаев, у меня две проблемы, шрифт https://fontawesome.com/ и метрика от Яндекс. Отключил и то и то, результаты вот какие (скрин во вложении) а вернув обратно метрику и шрифт тоже результат во вложении, отсюда и результат, не используйте аналогичного рода хрень.

Font Awesome
Font Awesome
  • fontawesome.com
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
png enonck_0cvpo6_2024-04-10_o_22.33.27.png
png ccl61i_xthkvw_2024-04-10_k_22.34.40.png
Сайт знакомств https://bluepink.life
Kaavain
На сайте с 28.07.2015
Offline
139
#17
Dmitriy_2014 #:
Как вы думаете если я вытащу CLS в 0, накинут ли мне поисковые системы 2X посетителей?

нет. Даже х1.2 не будет.

Могу порекомендовать только хостинг: https://traf.at/vps - за 3 года все на 4++ и цены не подняли. Ну и банк для белых ИП: https://traf.at/bankm
Антоний Казанский
На сайте с 12.04.2007
Offline
624
#18
Dmitriy_2014 #:
Как вы думаете если я вытащу CLS в 0, накинут ли мне поисковые системы 2X посетителей? И

Нет. Даже заметного прироста не получите. Увы, это так не работает.

√ SEO продвижение https://akazansky.ru - экспертный аудит сайтов ( https://akazansky.ru/audit-sajtov ), внедрение эффективных решений цифрового маркетинга. Обучение автоматизации с помощью Zennoposter https://goo-gl.me/6Zypu
Роман Кузьминский
На сайте с 08.07.2022
Offline
124
#19
i.lisovenko #:

Я заметил вот какую вещь, все свои сайты прогоняю через данный сервис Гугл. И в 98% случаев, у меня две проблемы, шрифт https://fontawesome.com/ и метрика от Яндекс. Отключил и то и то, результаты вот какие (скрин во вложении) а вернув обратно метрику и шрифт тоже результат во вложении, отсюда и результат, не используйте аналогичного рода хрень.

Здравствуйте. Новый код счётчика Метрики загружается асинхронно. Поэтому он не блокирует и не влияет на скорость загрузки страницы сайта. Давайте посмотрим на ваш случай. Пришлите, пожалуйста, в личные сообщения номер счётчика. Проверю с командой и вернусь.

Роман Кузьминский
На сайте с 08.07.2022
Offline
124
#20
i.lisovenko #:

Я заметил вот какую вещь, все свои сайты прогоняю через данный сервис Гугл. И в 98% случаев, у меня две проблемы, шрифт https://fontawesome.com/ и метрика от Яндекс. Отключил и то и то, результаты вот какие (скрин во вложении) а вернув обратно метрику и шрифт тоже результат во вложении, отсюда и результат, не используйте аналогичного рода хрень.

Здравствуйте. Новый код счётчика Метрики загружается асинхронно. Поэтому он не блокирует и не влияет на скорость загрузки страницы сайта. Давайте посмотрим на ваш случай. Пришлите, пожалуйста, в личные сообщения номер счётчика. Проверю с командой и вернусь.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий