Сервис PageSpeed Insights — проверка скорости сайта

Сервис PageSpeed Insights - проверка скорости сайта

Доброго времени суток, уважаемые пользователи сайта Tech-Geek.ru. В сегодняшней статье рассмотрим сервис PageSpeed Insights — проверка скорости загрузки сайта.

Данный сервис проверяет скорость вашего сайта двумя способами — обычным и мобильным агентом. Также PageSpeed дает рекомендации, выполнив которые вы сможете значительно улучшить скорость вашего сайта. Вы можете пользоваться встроенными инструментами по оптимизации изображений, css и js.

PageSpeed Insights

Сервис является продуктом компании Google.com. Основная функция PageSpeed Insinghts — проверка скорости загрузки веб-страниц. Проверка осуществляется сразу двумя методами — обычный (скорость загрузки страницы через ПК), мобильный (скорость загрузки мобильным агентом).

После проверки web-страницы сервис PageSpeed выставляет ей оценку от 0 до 100 баллов. Чем выше бал — тем лучше показатель скорости загрузки (85 и более баллов — достаточно хороший результат). Количество баллов может меняться — так как сервис постоянно обновляется и улучшается (обновление алгоритмов подсчета баллов).

Сервис PageSpeed фактически определяет, как улучшить следующие элементы сайта:

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

Приоритет важности рекомендаций сервиса PageSpeed:

приоритет pagespeed insinghts

Так как на скорость загрузки web-страниц влияет — скорость подключения к сети, а у пользователей она разная, то сервис PageSpeed Insights не учитывает данный аспект и для проверки скорости, использует следующее:

Структура HTML, конфигурация сервера, использование внешних ресурсов (изображений, JavaScript и CSS) и другое.

Проверка скорости сайта на PageSpeed Insights

Первым делом нужно зайти на сам сервис — https://developers.google.com/speed/pagespeed/insights/. Далее в текстовом поле «Введите URL web-страницы» — указываем нужную страницу (можно указать любую страницу сайта или просто название домена), после нажимаем «Анализировать».

На примере я буду анализировать страницу — http://yandex.ru.

После анализа web-страницы, нам будет доступно две вкладки с результатами — «Для мобильных» и «Для компьютеров».

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

анализ pagespeed мобильные

Первая вкладка которую отображает сервис — «Для мобильных», здесь отображается два основных аспекта — скорость и удобство для пользователей.

Как видно с примера PageSpeed Insights присвоил странице 74 балл по скорости загрузки страницы. На мобильных пользователей страница загружается не очень быстро, но в принципе допустимо. Далее можно посмотреть рекомендации которые нужно применить, для ускорения загрузки страницы на мобильных устройствах.

Скорость:

  • Первым делом обращаем внимание на рекомендации под красным восклицательным знаком «Исправить обязательно» — нажимаем на «Как исправить», после чего мы получим список файлов и элементов сайта, которые нужно исправить. Также будут предложены методы по оптимизации. Данные рекомендации существенно влияют на скорость сайта.
  • Желтый восклицательный знак «Исправьте по возможности» — также как и в примере выше нужно выполнить рекомендации сервиса. Необходимые изменения не сильно влияют на скорость сайта.
  • Зеленая галочка «Выполнено правил» — Если нажать «Подробности» — можно посмотреть какие именно правила уже выполнены, на вашем сайте.
  • «Скачать оптимизированные изображения, ресурсы JavaScript и CSS для этой страницы» — очень важный пункт, если вы нажмете на данную ссылку — то вы получите архив, с уже выполненными рекомендациями. То есть вы получите архив, в котором будет три папки и один файл. В папках будут лежать оптимизированные изображения, JS и CSS, а файл под названием «MANIFEST» будет содержать полные пути на вашем сайте, где необходимо заменить файлы на оптимизированные. По моему очень удобно.

Удобство для пользователей:

Как видим сервис присвоил странице 99 баллов — очень высокий показатель. Основными влияющими факторами на показатель «Удобство для пользователей» являются:

  • Размер активных элементов на странице
  • Адаптирован ли размер контента для области просмотра — на мобильных устройствах не появляется горизонтальная полоса прокрутки
  • Удобочитаемые размеры шрифтов
  • Использование плагинов

Также по мере возможностей пробуем реализовать на практике предложенные рекомендации. Хочу отметить, что самым главным фактором удобства — является отсутствие горизонтальной прокрутки в браузере мобильных устройств.

На мой взгляд «Удобство для пользователей» имеет более высокий приоритет, чем скорость — так как, если пользователю будет не удобно пользоваться вашим сайтом с мобильника, то скорее всего он его сразу покинет, что в свою очередь повлечет более высокий процент «отказов», которые влияют на ранжирование сайта в поисковой выдаче.

Проверка скорости сайта для компьютеров

анализ pagespeed компьютер

Как видно PageSpeed Insights присвоил странице 71 балл по скорости для компьютеров. Также используем рекомендации и исправляем необходимые элементы сайта.

Хочу обратить внимание — лучше сначала оптимизировать сайт для компьютеров, а потом для мобильных устройств (большинство рекомендаций общее).

Итого

Используя сервис PageSpeed Insights вы сможете повысить скорость загрузки вашего web-ресурса, что положительно скажется на его оптимизации, а в дальнейшем и на ранжировании в поисковой выдачи. Вам не обязательно пользоваться встроенными инструментами сервиса, для оптимизации изображений, js и css — есть и более совершенные. Получить 100 баллов от сервиса конечно не обязательно — но вот получить хотя бы 80-85 желательно.

На этом все. Надеюсь статья вам понравилась и вы сможете «разогнать» свой сайт.

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (Пока оценок нет)
Загрузка...
Понравилась статья? Поделиться с друзьями:
Добавить комментарий