PageSpeed Insights – сервис компании Google, позволяющий протестировать производительность и выбрать пути оптимизации сайта. Может использоваться со смартфонов, планшетов и компьютера. Тест скорости загрузки страницы производится на основе анализа эффективности и оперативности отрисовки контента в браузере посетителя. Учитываются следующие данные: используемые JS-скрипты, структура и чистота HTML+CSS, оптимизация мультимедийного контента и т.д. 

В этой статье мы разберёмся, как проверить скорость загрузки сайта в Google PageSpeed Insights, разберём основные показатели на примере анализа русскоязычной версии сайта компании Apple и возможные пути решения проблем со скоростью.

Реклама: Erid 2VtzqwS17so
Реклама. Erid 2VtzqxFRNy7

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

Проверка скорости загрузки сайта в PageSpeed Insights

Сайт Apple был взят по трем причинам: 

  1. Известный бренд. 
  2. Достаточно плохая оптимизация страницы по версии Google. 
  3. На днях презентовал iPhone 11. 

Компания Apple – технологичный бренд, передовой. Но с сайтом явные проблемы, т.к. загрузку первоначального контента приходится ждать долгое время – порядка 4 секунд. 

Анализ выполняется следующим образом: 

  1. Переходим на сайт: pagespeed.web.dev.
  2. В строку для ввода вписываем адрес страницы.
    Анализ сайта в PageSpeed Insights
  3. Нажимаем на кнопку «Анализировать». 
  4. Дожидаемся завершения тестирования и обновления страницы.

Проверка скорости загрузки сайта

Оценка скорости загрузки сайта в Google Page Speed

Выделяют две версии анализа – для мобильных устройств и компьютеров. Показатели и рекомендации отличаются. В мобильной версии веб-сайт компании Apple набирает 64 балла, чего для обычного проекта окажется мало. Так, с информационных и корпоративных ресурсов уходят значительно быстрее – клиенты не готовы долго ждать. В полной версии – 91 балл. 

Версия для мобильных:

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

Версия для компьютеров:

Скорость загрузки сайта на компьютере

Для оценки скорости предусмотрены различные критерии – к ним вернемся ниже. Пока стоит остановиться на баллах, где:

  • от 0 до 59 – низкая скорость загрузки;
  • от 60 до 79 – средняя;
  • от 80 до 100 – высокая.

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

Статья в тему: 10 сервисов для проверки скорости сайта

Далее идут подразделы с рекомендациями по устранению проблем при их наличии. 

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

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

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

  1. Первый пункт является временным интервалом с момента старта загрузки веб-сайта до появления контента (текстового или мультимедийного). 
  2. Оценивается доступность контента (прекращение визуальных изменений и возможность корректного просмотра последнего). 
  3. Параметр, оценивающий готовность страницы к взаимодействию с посетителем (т.е. работают все видимые элементы с минимальным откликом). 
  4. Оценка подгрузки основных элементов страницы, шрифтов. 
  5. Означает скорость перехода элементов в интерактивное состояние (готовность отдачи ответа на пользовательские действия). 
  6. Реакция загруженной страницы на пользовательские действия в течение первых пяти секунд с момента начала ее загрузки. 

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

Оптимизация сайта по рекомендациям PageSpeed Insights

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

PageSpeed Insights оптимизация сайта

Так, кликнув по элементу из списка с рекомендацией к использованию современных форматов изображений, можно обнаружить предложение о переходе на форматы изображений JPEG 2000, WebP вместо привычных и неэффективных PNG и JPEG.

В случае с главной русскоязычной страницей сайта компании Apple можно увеличить скорость загрузки на 0,56 секунды. Также на скриншоте отмечена предполагаемая экономия на сжатии изображений (2 пункт).

Это интересно: Оптимизация изображений на сайте

Диагностика

В этом блоке представлена информация по производительности веб-ресурса и ряд рекомендаций. Элементы списка раскрываются. 

Диагностика сайта

При нажатии на первый можно увидеть рекомендацию по настройке показа всего текста при загрузке шрифтов. Данная функция реализуется на основе CSS.

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

Читайте нас в Телеграм
Читайте нас в Телеграм
Комментарии: Проверка скорости загрузки сайта в Google PageSpeed Insights
Блоги компаний
⚡ В тренде
Итак, вы решили создать Телеграм-канал, а может уже создали. Но как его раскручивать? Как набрать первых подписчиков, нужно ли вкладывать много денег или можно продвинуть канал бесплатно, стоит ли вообще тратить время на раскрутку? В этой статье собрали все возможные способы, которые помогут раскрутить Телеграм-канал с нуля в 2024 году. Читайте также: Как сделать массовую […]
Вечером 13-го мая компания OpenAI представила свою новую модель GPT-4 Omni в рамках презентации Spring Update. Эта модель является пиком совершенства среди всех существующих, значительно превышая возможности её предшественников. Дело в том, что это омнимодель, натренированная сразу на тексте, фото и видео. Новейшая модель GPT4 Omni будет предоставлена всем пользователям абсолютно бесплатно в формате десктопного […]
А вы знали, что пользоваться МТС Premium выгодно, даже не являясь абонентом МТС? А что недавно появился способ подключить подписку дешевле? Предлагаем узнать о всех новых фишках Премиум. Мы расскажем, стоит ли покупать Премиум и какие у него условия и плюсы в 2024 году, сколько стоит подписка и как оформить ее дешевле, кому выгодно и […]
Instagram* после большого обновления рекомендательных алгоритмов представил сразу несколько новых стикеров для сторис. Появились стикеры «Рамки», «Размытие» и «Добавьте свою музыку». Далее показываем, что представляют собой новые стикеры и как они работают. В завершении даём 5 идей,  как их использовать для повышения активности. Читайте также: Как увеличить количество просмотров в Reels Как сделать размытое фото […]
У каждого сервиса проката самокатов есть свои преимущества и особенности. А вы уверены, что используете самый удобный и выгодный кикшеринг? Мы расскажем о десятке лучших приложений проката самокатов, чтобы вы смогли сравнить их условия и выбрать лучший сервис для себя. Читайте также: 10 самых популярных видеохостингов 10 лучших приложений для аренды самокатов в Москве и […]
Новости
Свежие статьи