Это вообще "ниочём". Эти баллы - чистая условность.
Какое отношение поисковая оптимизация имеет к сдвигу блоков? - Никакого. Поэтому данное замечание в контексте "при том" здесь вообще неуместно.
Я к тому что страница не такая и плохая уж. ( не кривая, косая, оптимизированная и т.п. ).
У меня есть страница где рекламы нету, и вроде где все имеет фиксированный размер блоков, чуть ли не гвоздями прибито, но один фиг:
Cumulative Layout Shift (CLS):
Компьютер: 0,16 оранджевая зона
Мобильные устройства: 0,3 красная зона
Это при том что для Компьютер: Производительность: 99 / Специальные возможности: 98 / Рекомендации: 100 / Поисковая оптимизация: 100
В Мобильной версии чуть поменьше но почти столькоже.
Одному только богу известно чего не хватает Cumulative Layout Shift (CLS), для зеленого несмещающегося несмещения.
Сделайте 2 страницы, протестируйте. Мы ждём вас с результатами.
Тоже будет интересно сравнить гипотезу с практикой. Вас же интересует скорость рендеринга, а не сделать "как у них"?
Если говорить откровенно то меня скорее интересует Cumulative Layout Shift (CLS) в зеленой зоне, и говорят что на это вполне могут влиять подгружаемые шрифты, т.к. даже я невооруженным взглядом вижу как страница мелькает, и шрифт меняется на кастомный.
Насчет тестов, было у меня просто в sytle.css через @font-face, добавил ещё link rel=preload вверх, но честно говоря, в google page speed insign вроде особо ничего не поменялось, а на взгляд тут хз может кеш, но вроде поменьше мелькать стало или это самовнушение.
Кстати на этом форуме тоже сделано через link rel=preload и в файле css @font-face, но они всетаки не такие гении как на хабре чтобы впендикрючить в html документ в самый верх :)
Похожие статьи - это блок доп. информации, который не является частью основного документа, поэтому не надо его включаться в <article>, лучше вынести в <aside>.
Зачем тебе это? Ты гуглил, чаты спрашивал? Нечем заняться?
Конечно, вот даже такое почитал, там все на английском, ничего не понятно, но очень интересно:
https://csswizardry.com/2020/05/the-fastest-google-fonts/
Из того что удалось разобрать:
font-display: swap; is a good idea.
preloading Google Fonts is a good idea.
:)))))))))
Если начать думать, то можно догадаться, что постинг делается правильно с разных аккаунтов, а не из-под одного.
