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

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

Реклама. Erid 2Vtzqx1p2py. ООО «Колтач Солюшнс»
Реклама. Erid 2VtzqvDyYHX. ООО «Колтач Солюшнс» ИНН 7703388936

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

Проверка скорости загрузки сайта в 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.

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

⭐ Самое важное мы оперативно публикуем в Telegram-канале: https://t.me/postiumru/.

+Плюс эксклюзивы, которых нет на сайте.

⭐ Самое важное мы оперативно публикуем в Telegram-канале: https://t.me/postiumru/. +Плюс эксклюзивы, которых нет на сайте.

Комментарии: Проверка скорости загрузки сайта в Google PageSpeed Insights
Блоги компаний
⚡ В тренде
Новые слова, вроде масиков и тюбиков, в молодежном сленге появляются стихийно. Чтобы понимать, о чем общаются люди в интернете, и вместе с ними смеяться над мемами, нужно следить за трендами. В этой статье мы расскажем, что означает фраза Nike Pro, обидная ли она, почему этими словами комментируют видео девушек в Тик-Ток и других соцсетях. Также […]
Netflix объявил о дате выхода нового сезона сериала «Игра в кальмара» — 26 декабря 2024 года, а также опубликовал два тизер-трейлера. В первом — организатор игры приходит в гости к игроку 456, а во втором показали нового рекрутёра игры. Далее собрали всё, что известно о сериале на данный момент — сюжет второго сезона, кого из […]
В последние годы всё чаще звучат жалобы от работодателей на молодых сотрудников из поколения Z (люди, родившиеся между 1995 и 2010 годами). Эти жалобы касаются как недостаточной квалификации, так и особенностей поведения новых работников. В ответ на это компании начинают предпринимать реальные шаги: увольнять сотрудников и более осторожно подходить к их повторному найму. Читайте также: […]
Осень — лучшее время для просмотра сериалов. Редакция Postium собрала 10 новых сериалов, которые выйдут в октябре 2024 года. Лучшие сериалы за август ищите здесь. В октябре нас ждёт множество классных премьер, новинка от Netflix и новое прочтение классики от российских киноделов. Добавляйте статью в закладки и не пропустите главные сериалы осени! Читайте также: Где […]
Pika Labs представила обновление PIKA 1.5 — ИИ-модель для генерации видео с новыми возможностями. Главная фишка — Pikaffects, позволяющая пользователям применять эффекты, такие как увеличение, сжатие или плавление объектов в видео, без сложных команд. Теперь пользователи могут управлять движением камеры, добавлять стили и эффекты напрямую через текстовые запросы. Новая версия позволяет создавать более длинные клипы […]
Новости
Свежие статьи