Как проверить скорость загрузки сайта в Google PageSpeed для мобильных

Всем, привет! PageSpeed – это популярный онлайн сервис, который нужен чтобы проверить скорость загрузки веб-страницы. Главным преимуществом Google page является то, что сервис проводит тестирование сайта для смартфонов и для компьютеров.

Скорость загрузки сайта для мобильных

Результатом анализа будет оценка по шкале XY/100. А ошибки, влияющие на скорость загрузки сайта, будут подсвечены одним из цветов:

  • Красным – требуют скорейшего устранения.
  • Оранжево-желтым – нужно исправить по возможности.
  • Зеленым – с элементами сайта все хорошо.

Помимо этого, Google page дает список рекомендаций по улучшению и оптимизации сайта с детальным уточнением. Я уже, как-то писал об оптимизации внешних ресурсов сайта в этой статье.

Как проверить скорость загрузки сайта

Чтобы оценить скорость загрузки интернет ресурса нужно выполнить такие действия:

  1. Зайти на официальный сайт Google page developers.google.com/speed/pagespeed/insights/.
  2. Главная страница представляет собой форму, в которую нужно записать ссылку на сайт, который нужно проанализировать.

Как ускорить загрузку сайта

  1. В качестве примера для проверки будет использован популярный ресурс «Википедия». После ввода сайта необходимо нажать кнопку «Анализировать».
  2. После чего пользователь увидит оценку производительности сайта.

Загрузка для компьютера

 

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

Результат для мобильника

  1. Спустившись ниже можно узнать скорость загрузки страницы в условиях популярной для смартфонов 3G сети.

Имитация загрузки страницы

  1. Следующим пунктом идет список рекомендаций по улучшению сайта и основная информация о его производительности.

Оптимизация сайта

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

Успешные аудиты для мобильникаКак ускорить страницу

Перед тем как приступать к оптимизации страницы для ускорения ее загрузки следует отметить, что Google page является лишь ориентиром для веб-программиста, который помогает с оптимизацией ресурса. Инструмент имеет набор рекомендаций по ускорению загрузки интернет ресурса, но иногда успех зависит от качества сервера, на котором установлен сайт.

Чтобы ускорить сайт потребуются минимальные технические знания о сайтостроении, JAVASCRIPT, CSS, HTML и CMS.

Также иногда скорость загрузки зависит от качества интернета пользователя, в таком случае ничего предпринимать не нужно.

Способ №1: Оптимизация картинок

Чтобы картинки на сайте загружались быстрее, Google page предлагает оптимизировать их путем уменьшения их разрешения.

Для этого подойдут такие способы:

  • Бесплатные Сервисы Compressor.io и TinyPNG помогут сжать изображения на более чем 80% и в большинстве случаев без потери качества.
  • Следует удалить все CSS и HTML теги, с помощью которых картинка подгонялась под сайт. Необходимо сразу загружать изображение, которое соответствует требованиям в расширении.

Способ №2: Удаление лишних строчек кода

Большую роль в оптимизации играет минимизация кода старицы. Google page всегда рекомендует пересмотреть объемы кода JavaScript и CSS файлов, сократив ненужное.

Такой процесс помогает существенно ускорить загрузку сайта, устраняя ненужные символы, комментарии, переносы в JavaScript и CSS файлах.

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

  • Чтобы устранить подобную проблему можно установить плагин Gulpjs, который автоматически устранит все ненужные пробелы в коде файлов CSS.
  • Оптимизировать JavaScript поможет плагин Closure Compiler и JSMin которые проделывают аналогичную вышеописанную операцию.
  • Очистить HTM код сайта можно с помощью инструмента PageSpeed Insights для CMS wordpress.

Способ №3: Включения сжатия

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

Способ №4: Оптимизация мобильной версии сайта

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

Увидеть, как выглядит сайт со смартфона, можно даже не имея его под рукой, с помощью браузера Google Chrome, для этого нужно:

  1. Нажать на «Настройки» в правом верхнем углу всплывающего окна.
  2. Далее выбрать «Дополнительные инструменты».
  3. Затем «Инструменты разработчика» и на панели инструментов нажать на иконку со смартфоном.
  4. Теперь сайт выглядит как на телефоне.

Способ №5: Включения кеширование браузера

Кэширование браузера может оказывать влияние на скорость загрузи сайта с мобильного. Это работает так:

  • Когда посетитель первый раз заходит на сайт, в кэш-память его устройства загружается основной HTML код страницы.
  • И когда пользователь перейдет на другую страницу, она не будет загружаться с нуля, а возьмет из кэш-памяти частички кода, картинки, футер, логотипы и т.д.
  • Таким образом, страница сайта будет грузиться быстрее.

Данную манипуляцию можно осуществить с помощью плагинов для CMS, которые подбираются индивидуально в зависимости от нее.

Если изображения, шрифты и навигационная система уходят за рамки экрана или непропорционально большие, необходимо адаптировать сайт с помощью плагинов Hammy, Responsive Widgets или Responsible. Но в некоторых случаях это может не сработать, тогда необходимо основательно переработать шаблон сайта.

Насколько важна скорость загрузки с мобильного

Согласно последним исследованием и статистике компании Google, более половины времени в интернете пользователь проводит со смартфона. В этом же исследовании был проведен опрос, в результате которого больше 40% пользователей считают, что скорость загрузки страницы не должна превышать 3 секунды. А 30% назвали уже 2 секунды слишком долгим временем.

По мнению опытных веб-экспертов, данный показательно оказывает сильное влияние на конверсию страницы. Так как если ресурс будет долго погружаться, у пользователя заранее сформируется негативное отношение к нему. Ситуация усугубляется если сайт не одностраничный, в таком случае шансы, что клиент дойдет до формы «Заказа», почти равны нулю.

Также летом 2018 года компания Google официально заявила, что показатель скорости загрузки страницы будет напрямую влиять на ранжирование страницы в поисковой сети, данный алгоритм назвали Speed Update. Необходимо отметить, что этот показатель влияет пока что только на поисковую выдачу со смартфона и не распространяется на десктоп версии. Но со временем ситуация может измениться.

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

Почему в Google page нужно проверять несколько страниц

Любой интернет ресурс является совокупностью десятка страниц, массивов данных, картинок и файлов разных форматов. Восприятие сайта посетителями и поисковой системой строится на значении общей скорости загрузки страниц. Чем она выше, тем комфортнее пользователю использовать сайт.

Многие ошибочно полагают, что если главная страница загружается быстро – то и с другими все хорошо. Но это не так. Последующие страницы каталога могут быть куда сложнее устроены, нежели главная. Поэтому нужно проверять с помощью Google page каждую страницу и при необходимости оптимизировать.

Заключение

При создании веб-сайта нужно потратить много времени на его оптимизацию, чтобы он соответствовал современным seo-стандартам и ожиданиям пользователей. Мобильный трафик является приоритетным и когда речь идет о конверсии, посещаемости ресурса, скорость всегда будет играть ключевую роль.

Google разработали функциональный сервис для проверки скорости загрузки сайта с мобильного телефона и выявления проблем, которые тормозят его работу. Понравилась статья, не забудь подписаться на обновление. На сегодня у меня все! А вы как проверяете скорость загрузки своего сайта? До встречи на блоге.

Рейтинг
( 1 оценка, среднее 5 из 5 )
Понравилась статья? Поделиться с друзьями: