Десктоп версия сайта получила 80 баллов по скорости загрузки, а мобильная 20. Это исключительно из за темы, или накладываются особенности WordPress?

Question

[IwanIwanow]

Инструмент гугла по проверке скорости загрузки мобильной версии выдает не более 20 баллов за мобильную версию. Визуально она загружается столь же быстро, как дестктопная. Не могу понять, откуда такая разница и как определить проблему и бороться?

Comments

[approximate solution]

Открыть 2 красные вкладки "Устраните ресурсы, блокирующие отображение", и сократите время TTFB не судьба?

[IwanIwanow]

approximate solution, а что значит блокируют? Почему формулировка звучит "блокируют", а не замедляют например?
И как разобраться, какая там часть критическая и какую надо встроить в код HTML?

11 ресурсов видно на скрине - какой порядок действий по отношению к этим ресурсам следует предпринять?

И у десктопной версии те же самые ресурсы указаны, за исключением последних трех. Но разница в 60 баллов из 100, между десктопной(80) и мобильной(20) - это три последних элемента такую разницу дают, или дело в чем то другом?

[approximate solution]

IwanIwanow, делать отложенную загрузку скриптов как минимум. Самый простой алгоритм, вбиваете проблему в гугл, и пробуете на тестовом домене всё что есть в сети = profit.

[IwanIwanow]

approximate solution, воспользовался плагином Hummingbird для WP, в разделе Asset Optimization возле всех css и js выбрал Compression, Combine и Move to footer.

Compress, inline, combine, defer or move your files and then publish your changes.

На сколько понял, defer это и есть отложенная загрузка. Визуаьно сайт теперь грузится не как раньше - сначала загружается текст без стилей на доли секунды и дальше подгружаются стили и текст форматируется. Т.е. отложенная загрузка, как я понял, определенно точно работает в отношении ВСЕХ css и js.... НО скорость загрузки мобильнйо версии не добралась до скорость загрузки десктопной. Хотя раньше если было 20 баллов для мобильной, то теперь 40... но это все же не 80, как для десктопной.

Answer 1

[Genjak]

Обычно
95% это тема вордпреса.
5% это кеширование ВП, сервера и т.д.

в 95% вкладываются подгрузка шрифтов, многих фаилов js, css, картинок.
Все это надо отложить на загрузку попозже. Либо объединить в один фаил, если отложить нельзя из за верстки.

Comments

[IwanIwanow]

воспользовался плагином Hummingbird для WP, в разделе Asset Optimization возле всех css и js выбрал Compression, Combine и Move to footer.

Compress, inline, combine, defer or move your files and then publish your changes.

На сколько понял, defer это и есть отложенная загрузка. Визуально сайт теперь грузится не как раньше - сначала загружается текст без стилей на доли секунды и дальше подгружаются стили и текст форматируется. Т.е. отложенная загрузка, как я понял, определенно точно работает в отношении ВСЕХ css и js.... НО скорость загрузки мобильной версии не добралась до скорость загрузки десктопной. Хотя раньше если было 20 баллов для мобильной, то теперь 40... но это все же не 80, как для десктопной.

P.S. у https://qna.habr.com/ тоже мобильная версия по Page Speed получает в 2 раза меньше баллов за мобильную версию, по сравнению с десктопной...

Answer 2

[IwanIwanow]

Сам на свой вопрос попытаюсь ответить - Page Speed при проверке имитирует усредненное мобильное устройство и усредненный ПК. А т.к. мобильники не редко используются довольно старые и заторможенные, то и Page Speed особо привередлив к мобильной версии.

Comments

[Froggyweb]

Page Speed при проверке имитирует усредненное мобильное устройство и усредненный ПК

это самообман. с мобильником у тебя наверняка все очень плохо.

[IwanIwanow]

это самообман

Информацию взял отсюда, так что в любом случае не самообман. Вы с этой информацией по ссылке не согласны? Цитата:

Многие видят похожие цифры и просто им не верят.

Вот список пунктов, почему такой низкий показатель:

замер происходит с мобильного устройства Nexus 5 на Android (его имитация), а ему, на секундочку, уже как 7 лет;
сеть интернет при замере — 3G fast (тоже имитация) со средней скоростью 8 мегабит и задержкой в 150 миллисекунд;
процессор замедляется в 4 раза, это называется троТлинг (не путать с троллингом);
сам замер идет из Европы, мы часто ловили его из Швейцарии.
Выводы про замер и результаты от PageSpeed Insights:

Гугл измеряет скорость, но делает это со среднестатистического устройства и скорости интернет в мире. Показатели сильно усреднены. Это означает, что если на этот сайт заходят с медленных устройств и интернета, то сайт действительно будет загружаться больше 24 секунд!

с мобильником у тебя наверняка все очень плохо

"Мобильник" - мобильная версия сайта? Если все плохо, то не могу понять, что именно. Из нее надо решительно вырезать все, за исключением самого необходимого?

Answer 3

[Ринат Хайсман]

Из-за темы исключительно.

Answer 4

[Пума Тайланд]

там если посмотреть ниже то видно из за чего