Google PageSpeed для http://fonts.googleapis.com/: устранить JS & CSS, блокирующие рендеринг, в контенте, превышающем количество сгиба
Я тестирую сайт в Google PageSpeed Insights и получаю сообщение: устранение блокирования рендеринга в JavaScript и CSS в содержании выше уровня
Однако блокировка рендеринга "JS/CSS" - это google apis (т.е. http://fonts.googleapis.com/css?family=Lato:400).
Есть ли способ обойти это, не вызывая проблем со стилем? Googleapis приходят из разных плагинов / темы (я думаю, что они генерируются динамически).
Для мобильных устройств это указано как "Следует исправить:", то есть в КРАСНОМ.
Любая помощь приветствуется, спасибо.
1 ответ
На мой взгляд, я бы не волновался об этом, если бы это был всего лишь небольшой кусочек CSS, который вызывал эту проблему. Если это был JS, то обычно достаточно легко переместить его в нижнюю часть <body> элемент. Это означает, что он будет просто загружен после содержимого страниц, что обычно нормально.
Что касается CSS, не все согласны с тем, что его следует убрать из головы. Например, я считаю, что Yahoo предлагает держать это в голове, чтобы страница загружалась быстрее. Потому что смысл загрузки контента перед стилями.
Загрузка их в заголовок, вероятно, является лучшей идеей, поскольку обычно она занимает около 50 мс или около того, и означает, что шрифты не будут мерцать после полной загрузки.