2015-09-22 3 views
0

Я тестирую сайт в Google PageSpeed ​​Insights и получаю сообщение: Устранение блокировки рендера JavaScript и CSS в надводном содержанииGoogle PageSpeed ​​для http://fonts.googleapis.com/: Устранение блокировки рендеринга JS & CSS в надводном содержимом

Однако блокирование «JS/CSS» рендеринга - это google apis (то есть http://fonts.googleapis.com/css?family=Lato:400).

Есть ли способ превзойти это, не вызывая проблем с дизайном? Googleapis исходит из разных плагинов/темы (динамически сгенерированных, я считаю).

Для мобильных это указано как «Должно ли Fix:», иначе в КРАСНОМ.

Любая помощь приветствуется, спасибо.

+0

Btw Я уже пробовал W3TC/Gzip и некоторые другие плагины. Они помогли ДРУГИМ действительным js/css, но не повлияли на google go. – xkurohatox

ответ

0

На мой взгляд, я бы не стал беспокоиться об этом, если бы это была небольшая часть CSS, которая вызывала эту проблему. Если это был JS, то обычно достаточно легко переместить его на дно (внутри) элемента <body>. Это означает, что он будет просто загружен после содержимого страниц, которое обычно нормально.

Что касается CSS, то это не согласуется с тем, что он должен быть перенесен из головы. Например, я считаю, что Yahoo suggests держит его в голове, чтобы страница выглядела быстрее. Потому что смысл загрузки контента перед стилями.

Загрузка этих файлов в заголовке, вероятно, является лучшей идеей, поскольку обычно она занимает около 50 мс или около того, и означает, что шрифты не будут мерцать после полной загрузки.

Смежные вопросы