Сделайте 2 страницы, протестируйте. Мы ждём вас с результатами.
Тоже будет интересно сравнить гипотезу с практикой. Вас же интересует скорость рендеринга, а не сделать "как у них"?
Если говорить откровенно то меня скорее интересует Cumulative Layout Shift (CLS) в зеленой зоне, и говорят что на это вполне могут влиять подгружаемые шрифты, т.к. даже я невооруженным взглядом вижу как страница мелькает, и шрифт меняется на кастомный.
Насчет тестов, было у меня просто в sytle.cssчерез @font-face, добавил ещё linkrel=preloadвверх, но честно говоря, в googlepagespeedinsignвроде особо ничего не поменялось, а на взгляд тут хз может кеш, но вроде поменьше мелькать стало или это самовнушение.
Кстати на этом форуме тоже сделано через linkrel=preloadи в файле css@font-face, но они всетаки не такие гении как на хабре чтобы впендикрючить в htmlдокумент в самый верх :)
Vladimir#: - В любом случае, даже если вы найдете отдельный элемент - в нем заголовки не будут расположены в определенном порядке, т.е будут начинаться с h3
Да это действительно так, чтобы я не делал всегда гугл считает этот заголовок вместе с теми, которые в статье.
Похожие статьи - это блок доп. информации, который не является частью основного документа, поэтому не надо его включаться в <article>, лучше вынести в <aside>.
А разве тегу asideзапрещается размещаться в article, вроде только в address, даже были где-то примеры на MDMчто-ли, в articleв виде скноски ( кусочек какго-то текста, в общем тексте).
Какое отношение поисковая оптимизация имеет к сдвигу блоков? - Никакого. Поэтому данное замечание в контексте "при том" здесь вообще неуместно.
Я к тому что страница не такая и плохая уж. ( не кривая, косая, оптимизированная и т.п. ).
Нужно устранить смещение макета, можно ничего не убирать, а просто установить фиксированый размер блоков на сайте или хотяб минимальный.
У меня есть страница где рекламы нету, и вроде где все имеет фиксированный размер блоков, чуть ли не гвоздями прибито, но один фиг:
Cumulative Layout Shift (CLS):
Компьютер: 0,16 оранджевая зона
Мобильные устройства: 0,3 красная зона
Это при том что для Компьютер: Производительность: 99 / Специальные возможности: 98 / Рекомендации: 100 / Поисковая оптимизация: 100
В Мобильной версии чуть поменьше но почти столькоже.
Одному только богу известно чего не хватает Cumulative Layout Shift (CLS), для зеленого несмещающегося несмещения.
Или только пустую html страницу или стать гуглом :-)Сделайте 2 страницы, протестируйте. Мы ждём вас с результатами.
Тоже будет интересно сравнить гипотезу с практикой. Вас же интересует скорость рендеринга, а не сделать "как у них"?
Если говорить откровенно то меня скорее интересует Cumulative Layout Shift (CLS) в зеленой зоне, и говорят что на это вполне могут влиять подгружаемые шрифты, т.к. даже я невооруженным взглядом вижу как страница мелькает, и шрифт меняется на кастомный.
Насчет тестов, было у меня просто в sytle.css через @font-face, добавил ещё link rel=preload вверх, но честно говоря, в google page speed insign вроде особо ничего не поменялось, а на взгляд тут хз может кеш, но вроде поменьше мелькать стало или это самовнушение.
Кстати на этом форуме тоже сделано через link rel=preload и в файле css @font-face, но они всетаки не такие гении как на хабре чтобы впендикрючить в html документ в самый верх :)
Короче, фиг его знает как лучше :-)- Обычно подобные статьи так оформляются
- В любом случае, даже если вы найдете отдельный элемент - в нем заголовки не будут расположены в определенном порядке, т.е будут начинаться с h3
Похожие статьи - это блок доп. информации, который не является частью основного документа, поэтому не надо его включаться в <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.
:)))))))))
Но он там вроде не тестил вариант как на хабре…Если начать думать, то можно догадаться, что постинг делается правильно с разных аккаунтов, а не из-под одного.
ты еще не догнал, что аккаунт Dmitriy_2014 - бот, который создает видимость вопросов и дискуссий? все его темы - это сч запросы
вроде умный человек