Оптимизация загрузки видимого контента в PageSpeed?

Как везде рекомендуется css относящийся к верхнему окну был перемещен в head, чтобы не дожидаться загрузки всего файла css и тем самым сократить время на отображение верхнего окна. Но вот что получается:

После получения всех данных HTML с сервера удалось отобразить только 36 % от общего объема содержания из верхней части страницы.
e0db6f91563544b98a751f63b83c24b2.jpg

Оригинал(после загрузки всех стилей):
fab47c624f4448d6a63e1fd6f008cff9.jpg

Проблема в том, что картинки не подгружаются(точнее сервис pagespeed их не видит). С чего я это взял? Если поставить задержку загрузки основного файла css получается такой результат:
6f19c820ca3745e9904553966f7d9e99.jpg

Как решить эту проблему?
  • Вопрос задан
  • 6291 просмотр
Пригласить эксперта
Ответы на вопрос 3
VasyaPertrov
@VasyaPertrov
Изготовление и безопастность сайтов. WP и др.
Забей на этот никчёмный фейк гугла.
Делай правильно, а не как он "советует".
Используй нормальные сервисы для определения скорости и выявления проблем: tools.pingdom.com/fpt https://gtmetrix.com/ и тп.
Для мобил - quirktools.com/screenfly и куча др.
Ответ написан
@maxsokol
Я решил эту проблему. Дело оказалось в обилии ошибок HTML.
Проверьте страницу с помощью Validator W3C и исправьте ошибки.
Оценка скорости увеличилась с 71 до 91 у меня после этого.
И еще. Рекомендую делать как Гугл советует, ибо он решает что у него будет ранжироваться выше. Гугл сам себе хозяин, ему на другие сервисы плевать.
Ответ написан
Комментировать
@Dr2005alex
Вот есть пара статей на сайте Google PageSpeed Insights. Часть 2 посмотрел там 99 из 100 у самого сайта. Значит можно подсмотреть. Может найдете что для себя полезного.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы