Сценарии блокировки рендера, представленные только на мобильном телефоне

У меня возникла странная ситуация в отношении моего сайта wordpress. Я работал над этим, устраняя все ошибки, и у меня очень приличный 94/100 на ПК, но только 71/100 на мобильном телефоне, и что странно, скрипты блокировки рендеринга, которые я вижу на мобильных устройствах, больше, чем сценарии, которые я вижу на ПК.Сценарии блокировки рендера, представленные только на мобильном телефоне

Может ли кто-нибудь любезно помочь мне и сообщить мне, почему это происходит?

http://prntscr.com/d95npy - PC

http://prntscr.com/d95nuf - Мобильный

Спасибо за ваше время заранее.

источник

2016-11-19 Ashtheslayer

Я предполагаю, что вы загружаете все css в свой тег <head>. Какая PageSpeed предлагает вам Оптимизировать доставку CSS.

Для того, чтобы достичь этого, попытайтесь взглянуть на следующие ресурсы:

Optimize CSS Delivery

Идеальная настройка CSS будет выглядеть примерно так ...

Не более одной внешней таблицы стилей CSS разумного размера (менее 75 тыс. Или около того)

Инлайн небольшая CSS в HTML с использованием тегов стилей для выше сгиба содержания

Нет @import не призывает к CSS No CSS в HTML вещах, как ваши дивы или ваших H (в элементе CSS)

Вы должны в основном не импортируйте эти CSS из внешних источников, а включите их вместо этого в свой проект.

Если вы ищете более прагматичный подход, взглянуть на pagespeed documentation

источник

2016-11-19 08:24:18 mabe02

Вы можете использовать плагин для оптимизации доставки CSS,

https://wordpress.org/plugins/above-the-fold-optimization/

Этот плагин не является простой «на/off ". Это инструмент для профессионалов по оптимизации и продвинутых пользователей WordPress для достижения показателя скорости страницы Google 100.

Пожалуйста, проверьте плагин AMP для страницы Google rank.AMP для оптимизации мобильного сайта.

источник

2016-11-19 09:07:48

Сценарии блокировки рендера, представленные только на мобильном телефоне

ответ

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