adovnik, не всё так просто, перед файлом стилей вставляется еще несколько файлов стилей (битрикса, шаблона и т.д.) поэтому чтобы ничего не поехало, это нужно делать для всех, сохраняя последовательность. Но и это не просто, потому что файлы стилей битрикса вставляются php функцией, а не просто link rel в шаблоне.
В любом случае поведение странное.
Насколько я понимаю, при скачивании браузер прерывается там где вставлен link rel, и пока полностью весь файл стилей не скачает, парсинг дальнейшего HTML приостанавливается. Так как в моем случае css файл вставлен в head, то браузер не должен парсить код в body пока не скачает весь css.
Шрифт Google Font Roboto очень популярный (на сайте VK он) поэтому, по идее, он вообще не скачивается, а берется из кеша браузера пользователей.
Возможно глюк сжатия, по-моему сейчас стоит сжатие не GZIP на уровне конфига сервера (NGINX), а стоит модуль компрессии битрикса. Поговаривают, что он иногда глючит. Без сжатия, файл стилей весит 621кб. Но это уже другая история. Пока поправить и почистить лишнее не можем.
adovnik, встряхивается это возможно да, из-за шрифтов. Но почему цвет ссылок изначально показывается дефолтный браузерный, а только чуть позже переходит в тот, который задан в стилях? https://i.imgur.com/NSU5CR7.png
Файл стилей, минифицированный и сжатый, весит 88кб, что не так много. Первая часть этого файла стилей сразу показывается на странице, а вторая часть сразу подгрузиться почему-то не успевает.
Вот сделал еще раз, и тут видно, что сначала появляется popup (который задан в стилях как hidden и только по клику становится visible), а потом он исчезает, потому что к нему применились подгрузившиеся стили hidden. https://i.imgur.com/duSarfq.png
Андрей Николаев, у меня такое происходит только в режиме инкогнито в хроме. Если в обычном режиме, то всё норм.
В принципе это не так важно, наверное. Режимом инкогнито мало кто пользуется. Но тем не менее, интересно почему не успевают прогрузиться стили.
А то что в GIF это происходит несколько раз. Это я F5 жал несколько раз подряд.
Сайт уже давно не редиректит, поисковики переиндексировали и в выдаче уже https урлы, да и с контекстной рекламы сразу на https трафик гоним, и внутренние все ссылки ведут на https без редиректов.
В Git смотрю, что в этот же день добавили вот эти строчки (не знаю зачем):
RewriteRule .* - [E=HTTP_IF_MODIFIED_SINCE:%{HTTP:If-Modified-Since}]
RewriteRule .* - [E=HTTP_IF_NONE_MATCH:%{HTTP:If-None-Match}]
Могут ли реврайты так сильно тормозить начало отрисовки страницы?
Ankhena W: DevTools показывает пиксели, которые были заданы в css в медиа запросах, то есть в моем случае при наведении на текст он и покажет, что font-size: 32px. То есть DevTools не калькулирует их с учетом заданного initial-scale, вроде бы. По идее Яндекс должен значение шрифта умножить на initial-scale, и полученное значение сравнить со своими требованиями для основного текста в 12px.
p.s.: При этом гугл вообще требует 16px для текста, и на любой меньший шрифт ругается. С одной стороны оно вроде и крупнее и лучше видно, но с другой стороны длина строки получается настолько короткая, что в строку помещается 3-4 слова при 16px.