Почему сайт habr.com размещает загрузку шрифтов инлайново в самом начале страницы?

1 234 5
Сергей
На сайте с 10.07.2022
Offline
43
#21
Dmitriy_2014 #:
Если я подключу вверх загрузку шрифтов через link rel=preload, а код загружаемых шрифтов оставлю в style.css с display: swap то это будет типа как у них?

Сделайте 2 страницы, протестируйте. Мы ждём вас с результатами. 

Тоже будет интересно сравнить гипотезу с практикой. Вас же интересует скорость рендеринга, а не сделать "как у них"?

Открытый проект для юристов в Москве и Московской области https://ask.mosdok.ru сопровождение сделок, регистрация домов, оформление строительства
Dmitriy_2014
На сайте с 01.07.2014
Offline
329
#22
Сергей #:

Сделайте 2 страницы, протестируйте. Мы ждём вас с результатами. 

Тоже будет интересно сравнить гипотезу с практикой. Вас же интересует скорость рендеринга, а не сделать "как у них"?

Если говорить откровенно то меня скорее интересует Cumulative Layout Shift (CLS) в зеленой зоне, и говорят что на это вполне могут влиять подгружаемые шрифты, т.к. даже я невооруженным взглядом вижу как страница мелькает, и шрифт меняется на кастомный.

Насчет тестов, было у меня просто в sytle.css через @font-face, добавил ещё link rel=preload вверх, но честно говоря, в google page speed insign вроде особо ничего не поменялось, а на взгляд тут хз может кеш, но вроде поменьше мелькать стало или это самовнушение.

Кстати на этом форуме тоже сделано через link rel=preload и в файле css @font-face, но они всетаки не такие гении как на хабре чтобы впендикрючить в html документ в самый верх :)

Короче, фиг его знает как лучше :-)
_2
На сайте с 30.05.2007
Offline
171
_t2
#23
Уже писал тут где-то, повторюсь. Сейчас вполне можно использовать шрифт system-ui, чтобы ничего не подгружать со стороны. Современные браузеры используют красивые аккуратные шрифты, смотрится отлично на всех актуальных платформах, проверено. 
Dmitriy_2014
На сайте с 01.07.2014
Offline
329
#24
_t2 #:
Уже писал тут где-то, повторюсь. Сейчас вполне можно использовать шрифт system-ui, чтобы ничего не подгружать со стороны. Современные браузеры используют красивые аккуратные шрифты, смотрится отлично на всех актуальных платформах, проверено. 

Мой шрифт находится в топ-10 лучших кириллических шрифтов от фиг пойми кого, и хотелось бы использовать современный популярный шрифт :-)

https://vc.ru/design/502922-10-luchshih-besplatnyh-kirillicheskih-shriftov
10 лучших бесплатных кириллических шрифтов — Дизайн на vc.ru
10 лучших бесплатных кириллических шрифтов — Дизайн на vc.ru
  • L-TECH
  • vc.ru
{"id":14261,"url":"\/distributions\/14261\/click?bit=1&hash=aab92df4edee395a0c79eacdd136ca77bcd9aa29acb7b8bc9577f4c5a3d0ad82","title":"\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u041c\u043e\u0441\u043a\u0432\u044b \u0438...
Сергей
На сайте с 10.07.2022
Offline
43
#25
Покажите результат проверки speed test
Какие рекомендации в тестах
М.б. у вас долгий скрипт, который отбирает много процессорного времени
А лучше ссылку на страницу дать, так хоть что то можно будет ответить 
богоносец
На сайте с 30.01.2007
Offline
764
#26
Сергей #:

протестируйте. Мы ждём вас с результатами. 

Тоже будет интересно сравнить гипотезу с практикой. Вас же интересует скорость рендеринга

На устройствах какой цены / в каких сетевых реалиях тестировать? 

Dmitriy_2014 #:
меня скорее интересует Cumulative Layout Shift (CLS) в зеленой зоне, и говорят что на это вполне могут влиять подгружаемые шрифты, т.к. даже я невооруженным взглядом вижу как страница мелькает

А я по наивности думал, что интересуют любые не'красивые' странности кода грамотных верстаков... ещё до всех этих прелодов https://habr.com/ru/articles/445264/

Может пусть оно так и дёргается, код ведь красивый, чё суетиться?

Dmitriy_2014
На сайте с 01.07.2014
Offline
329
#27
богоносец #:
Может пусть оно так и дёргается, код ведь красивый, чё суетиться?
После link rel=preload вроде меньше стало, да запросы к шрифтам прибавились, но говорят, что в http 2.0 100500 запросов за один момент выполняется так что как я понял это не проблема теперь.
Dmitriy_2014
На сайте с 01.07.2014
Offline
329
#28
Сергей #:
Покажите результат проверки speed test
Какие рекомендации в тестах
М.б. у вас долгий скрипт, который отбирает много процессорного времени
А лучше ссылку на страницу дать, так хоть что то можно будет ответить 
К сожалению, не могу, да и там нету ничего интересного, куча ошибок связанных со скриптами метрики, рекламы, библиотек всяких и тому подобному, чего я убрать естественно не могу, потому что пользуюсь этим.
W1
На сайте с 22.01.2021
Offline
306
#29
Dmitriy_2014 #:
говорят, что в http 2.0 100500 запросов за один момент выполняется так что как я понял это не проблема теперь

Это как сказать. Одни проблемы пропадают, зато другие появляются. Не у всех же быстрый интернет. И да, не за один момент, а одновременно - это разные понятия.

Мой форум - https://webinfo.guru –Там я всегда на связи
Сергей
На сайте с 10.07.2022
Offline
43
#30
богоносец #:
На устройствах какой цены / в каких сетевых реалиях тестировать? 

Очевидно, на топовых, с учётом статистики по браузерам https://www.liveinternet.ru/stat/ru/browsers.html

1 234 5

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