PageSpeed

PageSpeed — что это такое, зачем он нужен, что он даёт и как его использовать?

PageSpeed — это онлайновый сервис, необходимый для улучшения, в основном, скоростных показателей страниц сайта. Он выдаёт множество полезнейших рекомендаций.

PageSpeed

Онлайновый сервис PageSpeed находится по адресу  developers.google.com/speed/pagespeed/insights/

Особенностью сервиса PageSpeed является то, что он проводит тестирование страниц сайта и для Мобильных устройств, и для Компьютеров, а результаты оценивает по стобальной шкале, выдавая их в виде XY/100, причём подсвечивает результаты тремя цветами: красным, оранжево-жёлтым и зелёным, как бы выставляя оценки плохо, удовлетворительно и хорошо. Отлично тогда, когда значение показателя более 94-х, как мне представляется.

Кроме того, сервис PageSpeed выдаёт множество рекомендаций по улучшению страницы сайта, причём рекомендации пользователям Рунета выдаются на русском языке, но уточнения рекомендаций выдаются, к сожалению, на английском языке. Приходится вчитываться в английский текст или использовать автоматические переводчики, выдающие обычно весьма некачественные переводы.

20-го февраля 2014-го года наилучшие показатели 89-ть и 95-ть (что можно считать весьма приличными значениями) имела главная страница этого сайта, но она тогда имела две ошибки, выявленные Валидатором.

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

Наверное, PageSpeed прав, учитывая огромную популярность смартфонов и планшетов. Проанализировал, какие операционные системы используют посетители этого сайта. Оказалось, что примерно четверть посетителей сайта используют мобильные устройства. Убедил меня PageSpeed, что нужно добиваться улучшения показателей и во вкладке Для мобильных.

Замечу, что одно время мне были доступны две версии PageSpeed: старая и новая. По состоянию на 18.04.14 старая версия была доступна в 32-хразрядном браузере Opera верcии 12.16

Дату появления новой версии PageSpeed не зафиксировал, но помню, что испытал сильнейший шок, когда появились красные прямоугольники с числами 48/100.

Оказалось, что избавиться от них весьма просто: надо внимательно прочесть рекомендации и выявить то правило из 10-ти, которое нужно выполнить.

Достаточно добавить в файле header.php всего лишь одну строку (<meta name=viewport …), и показатель поднимется. Вот куда её нужно вставить:

<head>
<meta charset=UTF-8 > /* рациональнее так определять charset */
<meta name=viewport content=»width=device-width, initial-scale=1″> /* ради смартфонов */

Кстати, сайт google.com имеет такие показатели: 74-ре и 90-то, а yandex.ru — 75-ть и 96-ть. Вот их и можно считать достойными.

18.03.14 у главной страницы этого сайта показатели уже 74-ре и 90-то, что меня пока устраивает. Резервы есть, они известны. Использую их со временем.

Некоторые правила с их рекомендациями кажутся мне просто смешными из-за их незначительного влияния. А вот правило Адаптируйте размер контента для области просмотра является, по моему мнению, просто глупым, ибо содержащиеся в нём рекомендации в большинстве невозможно реализовать, не переделав сайт полностью. А ведь достаточно повернуть экран смартфона или планшета на 90-то градусов, и многие проблемы будут сняты.

Сейчас становится модным минималистический дизайн, поклонники которого минимизируют всё: лишают сайт сайдбаров, сокращают до предела число пунктов главного меню, до предела уменьшают хедер и футер, и так далее. Это имеет смысл для сайтов, которые изначально создаются для обладателей гаджетов с маленькими экранами — этот же сайт к таким не относится.

На 6-тидюймовом экране планшетофона мой сайт отображается нормально, а гаджеты с меньшими экранами считаю просто мало подходящими для просмотра сайтов: берегите глаза, ибо запасные нынче в дефиците.

По мере выполнения рекомендаций частично выполненный пункт сдвигается вниз, а полностью выполненный пункт прячется в пункте Выполнено правил.

Побочным эффектом использования PageSpeed является рост числа посетителей и посещения сайта…

Проведу ещё ряд мероприятий по Оптимизации сайта и наверняка подниму значения показателей в сервисе PageSpeed.

Странице PageSpeed, как и странице HTML, присвоен титул SEO12, ибо она имеет 12-ть зелёных шаров из 12-ти в WordPress SEO !

В конце 2016-го года, насколько мне помнится, были изменены алгоритмы PageSpeed - в результате вырос показатель «Для мобильных», а в начале 2017-го года алгоритмы снова изменились — в результате резко упали показатели «Для компьютеров».

Привожу информацию Google об этом сервисе:

О сервисе PageSpeed Insights

Page Speed Insights измеряет скорость загрузки веб-страниц. URL проверяется дважды – с помощью обычного и мобильного агента пользователя.

Оценка PageSpeed может составлять от 0 до 100 баллов. Чем больше оценка – тем лучше. Если страница набрала более 85 баллов, значит она загружается быстро.

Обратите внимание, что PageSpeed Insights постоянно развивается, поэтому по мере добавления новых правил или усовершенствования аналитических алгоритмов оценка иногда меняется.

PageSpeed Insights определяет, как можно улучшить следующие показатели:

- время загрузки верхней части страницы: общее время с момента запроса страницы до момента отображения ее верхней части в браузере.
- время полной загрузки страницы: общее время с момента запроса страницы до ее полного отображения в браузере.

Так как скорость подключения у разных пользователей различна, PageSpeed Insights рассматривает только независимые от сети аспекты работы страницы: конфигурация сервера, структура HTML, использование внешних ресурсов (изображений, JavaScript и CSS).

Применив наши рекомендации, вы сможете оптимизировать относительную скорость загрузки страницы. Абсолютная же скорость загрузки в конечном итоге все равно зависит от скорости подключения к сети.

Каждая рекомендация имеет индикатор приоритета, соответствующий её важности:

Значок Название Описание
красный восклицательный знак Если это исправить, страница станет загружаться намного быстрее.
желтый восклицательный знак Лучше это исправить, если не слишком сложно.
зеленая галочка Проблем не обнаружено. Отлично!

Последнее обновление PageSpeed Insights посвящено оптимизации страниц для мобильных устройств. Чтобы получить более подробную информацию, прочитайте статью developers.google.com/speed/docs/insights/mobile или посмотрите видео с Google I/O 2013: ( developers.google.com/events/io/sessions/325128936 ) — моментальная загрузка веб-сайтов.

Кроме того, вам может быть интересно ознакомиться с полным списков тестов, проводимых PageSpeed Insights.

Отправьте нам свой отзыв

Мы будем признательны за любые отзывы о PageSpeed Insights. Если у вас есть предложения, касающиеся анализа или рекомендаций, опубликуйте их в нашей группе для обсуждения: groups.google.com/group/page-speed-discuss

Возникли вопросы?

Если у вас есть вопросы о PageSpeed Insights, обратитесь к разделу developers.google.com/speed/docs/insights/faq — Часто задаваемые вопросы или опубликуйте сообщение в нашей groups.google.com/group/page-speed-discuss группе для обсуждения.

Обновлено Апрель 11, 2014

Обратите внимание на дату публикации текста — прошло более 33-х месяцев, сервис сильно изменился, а текст не меняется. Хотелось бы знать № версии, дату выхода и описание внесенных изменений.

Лично я сильно разочаровался в сервисе PageSpeed Insights:

- современные мобильные гаджеты имеют достаточно высокое разрешение, чтобы нормально отображать содержимое страниц моего сайта — достаточно повернуть гаджет на 90-то градусов;

- рекомендация включить сжатие доказывает неспособность сервиса определить, что сжатие включено — я не помню когда и как это было сделано, но сервис whatsmyip.org/http-compression-test сообщает, что при сжатии страниц сайта экономия составляет примерно 70-т %;

- большинство рекомендаций или нереализуемы, или дают незначительную экономию, ради которой нет смысла тратить время.

…! Продолжение следует…

Приглашаю всех высказываться в Комментариях. Критику и обмен опытом одобряю и приветствую. В хороших комментариях сохраняю ссылку на сайт автора!

И не забывайте, пожалуйста, нажимать на кнопки социальных сетей, которые расположены под текстом каждой страницы сайта.
PageSpeedПродолжение тут…

Родник_

2 комментария: PageSpeed

  1. Иван говорит:

    Правильный код для мобильных девайсов, а не как в статье.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.