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

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

Реклама: Erid 2VtzqvzzpR1
Реклама. Erid 2VtzqvZp34w

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

Проверка скорости загрузки сайта в 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
Компании
В тренде
Яндекс сделает новый интерфейс Вордстата основным 20 марта 2024 года. Напомним, что новый Вордстат был запущен 20 октября 2023 года. Также новую версию можно условно назвать «Вордстат 2», так как он находится по url-адресу с названием: wordstat-2.yandex.ru. Посмотрим, какие функции доступны в интерфейсе нового Вордстата,  что изменилось в сервисе и как им теперь пользоваться. А […]
Телеграм постоянно меняется, особенно Премиум-версия. Если вы платите за подписку, то хорошо бы использовать ее на максимум. Разобраться в новых фишках Телеграм-премиум поможет наш гайд. С этими функциями работать и общаться станет проще, даже приятнее. Но почему-то о них не знают даже активные пользователи мессенджера. Читайте также: Как повысить уровень канала в Телеграм Фишки Телеграм-премиум, […]
Google Документы — это один популярнейших редакторов для работы с текстом онлайн. Он позволяет создавать и редактировать документы, обсуждать их с коллегами в режиме реального времени, и даже работать оффлайн в случае перебоев с интернетом. Кроме того, у Google Docs есть множество полезных функций, которые могут упростить и ускорить вашу работу и о которых вы […]
Нейросеть Midjourney представила функцию Character Reference, которая позволяет генерировать изображения с одним и тем же персонажем в разных локациях на основе исходного референса. Новая функция будет полезна, если вы хотите сделать раскадровку фильма или комикса, где один и тот же персонаж показан в разных местах, меняет позу и выражение лица. До сегодняшнего дня данную задачу […]
Нейросеть нарисовала культовых персонажей из русских народных сказок и советских мультфильмов в стиле фильма «Дюна» — от Бабы Яги и Кощея до Чебурашки и Винни-Пуха. Посмотрите, как искусственный интеллект создаёт уникальные интерпретации знаковых персонажей и переносит их на планету Арракис, в атмосферные пейзажи пустыни. В конце статьи поделимся промптом для создания таких персонажей в Шедевруме. […]
Новости
Статьи