Как повысить продажи на своем сайте за 1 мес + десятки рабочих кейсов из каждой отрасли для директоров и маркетологов. ПодписывайсяТелеграм

8 (800) 551-77-04

PageSpeed Insights: помощник при оптимизации загрузки сайта

В статье рассказывается:
2018-03-06
2373
Нет времени читать?
Отправить материалы на почту

Рано или поздно каждый владелец сайта приходит к заключению, что необходимо оптимизировать скорость загрузки. Ведь из-за этой, казалось бы маленькой, проблемы, пользователи покидают страницу, а сайт опускается в поиске. Медленная загрузка раздражает. Всё это приведет к тому, что страница останется просто страницей в интернете, без возможности монетизации и доступа к пользователям. Сегодня мы поговорим подробно как можно избежать этих проблем, воспользовавшись обновленным инструментом от Google — PageSpeed Insights.

Краткий обзор PageSpeed Insights

PageSpeed Insights — полезное дополнение к инструментам веб-разработчика и оптимизатора сайта, которое поможет протестировать скорость, покажет в чём заключается проблема на сайте и как её исправить. В основе расширения лежит технология Native Client, которая увеличивает продуктивность работы веб-ресурса. Поэтому специалист может не только анализировать сайт, но и получать готовые сжатые скрипты, а также изображения для загрузки на сайт.

На что влияет скорость

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

Исследование Backlinko, где анализировались по различным запросам первые 10 сайтов, выявило четкую взаимосвязь скорости загрузки и позиции в выдаче. Установлен факт, что страница, которая загружается более 10 секунд автоматически теряет посетителей. А средней скоростью загрузки считается 2-3 секунды. Дополнительные исследования подтвердили, что ускорение до 2 секунд дает больше трафика и может вдвое увеличить количество просмотров. Аналогичный скачок отмечается и при переходе с двух секунд до одной. А лучшие интернет-ресурсы грузятся не более 1 секунды.

10940_12964.jpg

Почему сайт грузится медленно

Определить в чём проблема загрузки не всегда легко. Частые причины – тяжелые картинки и большие раскрытые скрипты. Если следовать рекомендациям Google, то вес сайта не должен превышать 500 KБ, но большинство ресурсов выходят за эти рамки. А также встречаются страницы с несколькими изображениями весом более 16 Mb каждое, что тоже сказывается на скорости.

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

Анализ мобильной и компьютерной версии

Не все советы по оптимизации скорости страницы одинаково применимы к компьютерной и мобильной версии. Чтобы оптимизировать сайт для мобильных устройств, необходимо воспользоваться отдельными рекомендациями, указанными во вкладке «Для мобильных» PageSpeed Insights.

После введения адреса сайта на странице https://developers.google.com/speed/pagespeed/insights/ нажмите кнопку — «Анализировать». Через несколько секунд сервис выдаст два отчета для мобильной (адаптивной) версии и для компьютеров по каждому пункту указав общее количество баллов по 100-бальной шкале. Задача оптимизатора – проработать по возможности каждый пункт рекомендаций с оглядкой на особенности веб-ресурса.

4 исправления, с которых следует начать:

  1. Сжать изображения.
    Есть множество плагинов сжатия картинок для различных платформ сайтов, а также бесплатных онлайн-сервисов: Optimizilla, Compress JPEG, и т.д. Обработка займет пару секунд и принесет сокращение размера в три-четыре раза без снижения качества.
  2. Применить кэширование данных.
    Это означает, что пользователь при переходе между страницами не будет ждать загрузки повторяющихся элементов – они уже будут в памяти. Это увеличит скорость загрузки последующих страниц.
  3. Минимизация HTML-кода.
    Сокращение HTML, JavaScript и CSS. Применение этой рекомендации Page Speed Insights моментально улучшает показатели в отчётах и скорость прорисовки.
  4. Ускорение мобильных страниц.
    Применение технологий ускорения мобильных (адаптивных) страниц Accelerated Mobile Pages (AMP) Google, турбо-страниц Яндекса повышают оценку сайта в отчете PageSpeed Insights с вероятностью 100%.

image2.jpg

Последние обновления в Page Speed Insights

На основе полученных данных последнего отчета Chrome User Experience Report, разработчики Google представили обновленную версию инструмента PageSpeed Insights. Теперь анализируемые показатели распределяются по трем зонам значений:

  • скорость: быстрая, средняя, медленная;
  • качество оптимизации под поисковую систему Google: хорошее, среднее, низкое;
  • скорость загрузки страницы замеряется по событию первой отрисовки контента (FCP) и DOM Content Loaded (DCL).
  • В нижнем поле отчета помещены прежние рекомендации по оптимизации сайта, например: «Используйте кеш браузера», «Удалите код JavaScript и CSS» и т.д.

Критические замечание

Если вы доведете доработки по скорости сайта до крайности, то могу быть последствия. Как показывает практика, топовые сайты не показывают «сотку» в PageSpeed Insights. А если в качестве эксперимента беспрекословно выполнить все советы сервиса, показатель скорости возрастет, но то, что вы увидите на сайте, может разочаровать.

Например, потеряется качество фотографий, удобство визуального оформления или всплывающие сервисы онлайн-консультантов. Идеально быстрый сайт с показателями 99-100 баллов – это страницы в стиле нулевых, с преобладанием текстовой информации. В современных условиях такой ресурс покажется пользователям мертвым и устаревшим. Оптимальный показатель скорости около 80.

Веб-разработчики перечислили факты:

  • Даже сам Google не всегда соответствует стопроцентным характеристикам
  • Результаты отчетов Page Speed – внутренняя метрика оптимизации скорости по мнению Google. Этот инструмент указывает на проблемные зоны, на что стоит обратить внимание. Для измерения реальной скорости загрузки необходимо воспользоваться другими сервисами, к примеру, https://tools.pingdom.com/
  • Скорость является важным, но далеко не единственным фактором ранжирования сайта – их насчитывается около 800 для Яндекса и 200 для Google

Поэтому сервис PageSpeed Insights стоит рассматривать как ориентир, но не жесткое руководство к действию.

image1.jpg

Заключение

В целом обновленный инструмент PageSpeed Insights – удобен для поиска проблем, тормозящих сайт.

Основные способы оптимизации скорости страниц – уменьшение веса изображений, кэширование элементов, сокращение скриптов, внедрение AMP и турбо-страниц.

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

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

Самое важное и интересное для вас!
Подпишитесь на ежемесячную рассылку от Dial и заряжайтесь интересными идеями!
Нажимая кнопку "Отправить" я даю согласие на обработку персональных данных
Новые
Отправить материалы на почту
Нажимая кнопку "Отправить" я даю согласие на обработку персональных данных

Оставьте заявку — поможем разобраться с вашими задачами

Прямо сейчас консультируем
клиентов

Яндекс цитирования Участник проекта CMS Magazine