Google PageSpeed Insights • скорость загрузки сайта

Обновлено 25.01.2023

Google PageSpeed Insights

Гугл пейдж спид инсайт в разговоре просто «пейджспид», Google PageSpeed Insights — это инструмент SEO специалиста, который проверяет скорость загрузки сайта и дает рекомендации, как сделать сайт быстрее: pagespeed.web.dev Google PageSpeed ​​Insights сообщает информацию об оптимизации только при анализе одной страницы. PSI (акроним) оценивает, насколько хорошо страница соответствует общепринятым рекомендациям, и вычисляет оценку от 0 до 100, которая оценивает запас производительности.


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

Метрики — основные показатели Core Web Vitals в Google PageSpeed Insights
Google PageSpeed Insights • скорость загрузки сайта 1
Метрика LCP Largest Contentful Paint — скорость загрузки основного контента.
Google PageSpeed Insights • скорость загрузки сайта 3
Метрика FID First Input Delay — время ожидания до первого взаимодействия с контентом.
Google PageSpeed Insights • скорость загрузки сайта 5
Метрика CLS Cumulative Layout Shift — совокупное смещение макета.
Google PageSpeed Insights • скорость загрузки сайта 7
Метрика FCP First Contentful Paint — первая отрисовка контента.
Google PageSpeed Insights • скорость загрузки сайта 9
Метрика TTFB Time to First Byte — время до первого байта.
Google PageSpeed Insights • скорость загрузки сайта 11
Метрика INP Interaction to Next Paint — взаимодействие со следующей отрисовкой контента.
Диагностика проблем с производительностью

Смартфон

Компьютер

Google PageSpeed Insights • скорость загрузки сайта 13

База знаний вебмастера Скорость загрузки сайта

Термин скорость загрузки сайта относится к скорости загрузки страницы в Интернете и состоит из трех разных промежутков времени. Во-первых, это время ответа сервера (= время ожидания до первого байта (TTFB)), а также время загрузки HTML-страницы (= Время передачи). Кроме того, продолжительность рендеринга страницы в браузере также учитывается в общем времени загрузки. Таким образом, термин скорость сайта охватывает полный промежуток времени от отправки HTTP-запроса на сервер до полного отображения сайта в браузере.

Как проверить скорость загрузки сайта Google PageSpeed Insights?
По данным отчета Google PageSpeed Insights, скорость загрузки сайта вебмастера составляет 99-100.

Как проверить?

Важность скорости загрузки сайта для UX и SEO

Плохая скорость загрузки сайта приводит к ухудшению пользовательского опыта (UX) и заставляет пользователей быстро покидать сайт. Особенно важно, чтобы пользователи могли получать нужный контент без задержек при просмотре страниц через мобильные устройства. Скорость загрузки сайта здесь даже важнее из-за низкой скорости интернета на мобильных устройствах. Если ваш сайт загружается слишком долго, будь то на компьютере или на смартфоне, это приводит к разочарованию большинства пользователей, и они быстро его покидают, что приводит к более высокому показателю отказов.

Прямой фактор ранжирования сайта

Но скорость загрузки сайта не только косвенно влияет на поисковую оптимизацию (SEO), но и является важным прямым фактором ранжирования сайта для Google. Кроме того, Google сканирует медленные страницы реже, чем быстрые. Это связано с тем, что медленные страницы требуют большего краулингового бюджета, который Google хочет использовать максимально эффективно. Если Google Bot реже посещает сайт, то это может негативно сказаться на его индексации.

Таким образом, скорость загрузки сайта является важной отправной точкой для улучшения взаимодействия с пользователем и поисковой оптимизации для Google Search Console. Далее можно узнать как улучшить скорость загрузки сайта.

Как улучшить скорость загрузки сайта Google PageSpeed Insights?

PageSpeed Insights • скорость загрузки сайта

Инструкция предлагает 11 способов как улучшить скорость загрузки сайта и показатели Google PageSpeed Insights в целом, от Seobility Wiki — это база знаний по SEO и интернет-маркетингу.

Общее время: 5 минут

Сжатие файлов HTML, CSS и JavaScript

PageSpeed Insights • скорость загрузки сайта

Чем меньше файлы, необходимые для загрузки страницы, тем быстрее может быть скорость загрузки сайта. Таким образом, сжатие файлов HTML, CSS и JavaScript оказывается полезной мерой для повышения скорости страницы. Сжатие таких файлов возможно за счет сокращения кода, например, за счет удаления комментариев, разрывов строк, ненужных символов и пробелов.
Кроме того, размеры файлов могут быть сжаты для передачи на стороне сервера с помощью gzip. Это стандарт для веб-серверов Apache и Nginx.

Минимизация HTTP-запросов

PageSpeed Insights • скорость загрузки сайта

При вызове веб-страницы на сервер отправляется отдельный HTTP-запрос для каждого файла HTML, CSS, JavaScript или изображения. Однако браузер может одновременно отправлять только определенное количество запросов на каждый домен. Если для сайта требуется большое количество запросов, браузер не может отправить все запросы сразу, поэтому полная загрузка сайта занимает больше времени.
Вы можете минимизировать количество HTTP-запросов, объединив несколько файлов одного типа в один файл (например, объединив несколько файлов CSS в один файл).

Использование поддоменов

PageSpeed Insights • скорость загрузки сайта

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

Сокращение редиректов

PageSpeed Insights • скорость загрузки сайта

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

Кэширование сервера

PageSpeed Insights • скорость загрузки сайта

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

Кэширование браузера

PageSpeed Insights • скорость загрузки сайта

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

Сети доставки контента (CDN)

PageSpeed Insights • скорость загрузки сайта

Сеть доставки контента (CDN) — это сеть серверов, используемых для распространения контента сайта. Копии сайта хранятся на территориально распределенных серверах. Если пользователь хочет получить доступ к сайту, он доставляется ближайшим к пользователю сервером. Таким образом, сети CDN снижают нагрузку на сервер, поскольку необходимо обрабатывать меньше HTTP-запросов. Кроме того, CDN часто являются региональными, что еще больше сокращает время загрузки за счет более коротких путей передачи.

Загрузка через AJAX

PageSpeed Insights • скорость загрузки сайта

AJAX — это метод, который позволяет загружать содержимое сайта без отправки нового HTTP-запроса на сервер. С помощью этого метода весь контент веб-сайта не должен загружаться сразу, а только тогда, когда пользователи прокручивают страницу вниз. Это особенно рекомендуется для отображения веб-сайта на мобильных устройствах, где скорость передачи данных обычно ниже. Даже сайт, который загружается за считанные секунды на настольном компьютере, может вызвать проблемы на смартфонах.
Тем не менее, вы должны быть осторожны в отношении поисковой оптимизации для Google. Неясно, правильно ли Google индексирует AJAX-страницы и могут ли пользователи найти такой контент через поисковые системы. По этой причине вы должны убедиться, что контент на страницах AJAX, который также имеет отношение к поисковым системам, таким как Google, может быть доступен поисковым роботам.

Асинхронная загрузка

PageSpeed Insights • скорость загрузки сайта

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

Оптимизация времени отклика сервера (TTFB)

PageSpeed Insights • скорость загрузки сайта

Чем быстрее сервер отвечает на входящий запрос, т.е. чем короче время до первого байта (TTFB), тем быстрее может загружаться сайт. Время отклика сервера зависит от трафика, ресурсов, необходимых для страницы, серверного программного обеспечения и хостинг-провайдера. Оно не должно превышать 200 мс. В противном случае Google Bot больше не будет регулярно сканировать URL-адрес, что может отрицательно сказаться на индексации. Вы можете оптимизировать время отклика, выявляя и устраняя уязвимости сервера, такие как медленные запросы к базе данных.

Картинки

PageSpeed Insights • скорость загрузки сайта

Правильная обработка изображений на вашем сайте может стать важным рычагом для повышения скорости страницы.
Например, рекомендуется не загружать графику, такую ​​как кнопки, значки или фон, в виде файлов изображений, а создавать их с помощью CSS. Это не только требует меньше кода и HTTP-запросов, но и гарантирует четкое отображение этих изображений на всех размерах экрана.
Еще один важный аспект касается размера файлов изображений. Его следует свести к минимуму, чтобы сократить время загрузки изображений. Кроме того, вы можете использовать элемент HTML5 <picture>, чтобы предоставить разные версии изображения для разных размеров экрана. Это предотвращает загрузку изображений с очень большим размером файла на мобильные устройства, что излишне увеличивает время загрузки.
Кроме того, изображения можно сжимать с помощью многочисленных онлайн-сервисов, таких как kraken.io. Инструмент позволяет уменьшить размер файла без потери качества.
Вы также должны убедиться, что используете правильный формат файла. JPG подходит для фотографий, а PNG следует выбирать для графики с меньшим количеством цветовых оттенков, например скриншотов.

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

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

Вы можете легко проверить скорость страницы сайта с помощью Google PageSpeed ​​Insights. Этот инструмент Google извлекает ваш сайт с помощью пользовательского агента как для мобильных устройств, так и для настольных компьютеров, а затем предоставляет общую оценку скорости загрузки. Кроме того, он предоставляет конкретные советы по оптимизации для улучшения оценки Google PageSpeed ​​для вашего сайта.
Смотреть на YouTube

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

Measure page quality

Инструмент Measure page quality перемещается в Google PageSpeed ​​Insights!

Если вы были на этой странице раньше, вы, вероятно, ожидали увидеть поле, в котором вы можете ввести URL-адрес и получить диагностику производительности для этой страницы. Этот инструмент был удален из-за значительного совпадения с Google PageSpeed ​​Insights.

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

Рекомендации Google Developers по инструментам для измерения Core Web Vitals

измерения Core Web Vitals

Используйте Lighthouse в DevTools, чтобы оптимизировать взаимодействие с пользователем и убедиться, что у вас отличные показатели Core Web Vitals в полевых условиях.

Используйте PageSpeed Insights для сравнения производительности Core Web Vitals в лабораторных и полевых условиях.

Попробуйте новый Chrome User Experience Report API, чтобы узнать, какие Core Web Vitals были у вашего источника и URL-адрес за последние 28 дней.

Используйте раздел Experience и нижний колонтитул на панели Performance в DevTools, чтобы копнуть глубже и отладить определенные показатели Core Web Vitals.

Используйте отчет Core Web Vitals report в Search Console, чтобы получить сводку о том, как ваши источники работают в полевых условиях.

Используйте расширение Web Vitals, чтобы отслеживать производительность страницы по Core Web Vitals в режиме реального времени.

Поставка:

Инструменты:

Материалы: Seobility Wiki

Lighthouse

Посмотрите отчет Lighthouse для данной страницы: alekseivolk.dev/pagespeed-insights

Google PageSpeed Insights • скорость загрузки сайта 31
По данным отчета Lighthouse, скорость загрузки сайта вебмастера составляет 99-100.
Google PageSpeed Insights • скорость загрузки сайта 33

Ускорьтесь с модулями PageSpeed

Запустите модули PageSpeed ​​с открытым исходным кодом на вашем сервере Apache или Nginx, чтобы автоматически перезаписывать и оптимизировать ресурсы на вашем сайте.

Google PageSpeed Insights • скорость загрузки сайта 35

Пакеты для Apache

Готовые бинарные пакеты для Apache.

Google PageSpeed Insights • скорость загрузки сайта 37

Источник для Nginx

Сборка из исходников на Nginx.

Модули PageSpeed ​​— это серверные модули с открытым исходным кодом, которые автоматически оптимизируют ваш сайт.

Ukraine (Хостинг Украина)

Сделайте скорость загрузки страниц быстрой, на всех устройствах. Анализируйте и оптимизируйте скорость загрузки сайта. Получите свою оценку Google PageSpeed Insights ​​и используйте предложения, чтобы сделать ваш сайт быстрее с помощью онлайн инструмента.

SEO инструмент: Google PageSpeed Insights

Google PageSpeed Insights • скорость загрузки сайта • SEO • Алексей Волк
Google PageSpeed Insights • скорость загрузки сайта 40

Как улучшить скорость загрузки сайта Google PageSpeed Insights? Важность скорости загрузки сайта для UX и SEO - это прямой фактор ранжирования сайта.

SKU товара: Google PageSpeed Insights

Бренд товара: Google PageSpeed Insights (PSI)

Рейтинг редакторов:
5

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

Опубликовано на Facebook, Twitter.

Опубликовано 03.12.2022
Категория: Новости вебмастера News