Google PageSpeed Tools

Google PageSpeed Tools (англ. Google PageSpeed Tools) — семейство инструментов от компании Google, предназначенных для оптимизации производительности веб-сайтов[1].[2] Инструменты были представлены разработчикам в 2010 году на конференции Google I/O[3].[4]

Комплекс Google PageSpeed Tools включает четыре основных компонента:

Эти инструменты анализируют и автоматически устраняют отклонения от лучших практик Google в области веб-производительности.

Модули PageSpeed

Модули PageSpeed (англ. PageSpeed Modules) — это открытые модули для Apache HTTP Server и Nginx, которые автоматически применяют выбранные фильтры к веб-страницам, сопутствующим ресурсам (таким как таблицы стилей, JavaScript и HTML-файлы), а также изображениям и требованиям к кэшированию сайта. Они не требуют модификации существующего контента или рабочих процессов[8], поскольку вся внутренняя оптимизация и изменения файлов происходят на стороне сервера, и пользователю сразу предоставляются уже оптимизированные ресурсы. Каждый из более чем 40 фильтров модуля соответствует одному из правил лучших практик Google по веб-производительности.

Модуль PageSpeed как открытое ПО регулярно обновляется разработчиками по всему миру. Его могут внедрять как владельцы сайтов, так и хостинг-провайдеры или операторы CDN[9].

Модуль устанавливается двумя способами: из готовых пакетов или сборкой из исходников — поддерживаются следующие платформы:

Порты

Существуют реализации модулей, основанных на SDK PageSpeed, и для других серверов:

Фильтры

Фильтры модуля PageSpeed — это параметры, на основании которых к странице применяется определённое правило оптимизации. Все фильтры делятся на пять основных категорий:

Влияние на скорость

Модули PageSpeed позволяют значительно сократить время загрузки страниц, объём передаваемых данных и число запросов. По оценкам исследователей, применение 'mod_pagespeed' может уменьшить время загрузки до 80 %, сократить объём трафика на 30 % и снизить общее количество запросов более чем на 20 %. Так как многие поисковые системы, включая Google, учитывают скорость загрузки страниц при ранжировании, подобные оптимизации могут напрямую влиять на позиции сайта в поисковой выдаче[12].[13] С февраля 2015 года Google тестирует пометку «Медленно» для сайтов, чьё время загрузки на мобильных устройствах превышает определённое значение, что дополнительно стимулирует разработчиков оптимизировать скорость[14].

Google оценивает, что каждая задержка загрузки страницы на мобильных устройствах снижает конверсию на 20 %[15].

PageSpeed Insights (PSI)

PageSpeed Insights (PSI) (англ. PageSpeed Insights (PSI)) — бесплатный инструмент Google для анализа производительности отдельных страниц как на мобильных устройствах, так и на ПК. Сервис предоставляет рекомендации по ускорению загрузки и улучшению пользовательского опыта.

Данные и метрики

PSI использует два основных типа данных:[16]

  • Лабораторные данные: собираются в контролируемой среде с помощью инструмента Lighthouse для моделирования пользовательских сценариев. Полезно при отладке проблем с производительностью.
  • Полевые данные: поступают из реальных пользовательских сессий на основе отчёта Chrome User Experience Report (CrUX). Включают такие метрики, как First Contentful Paint (FCP), Largest Contentful Paint (LCP), Interaction to Next Paint (INP) и Cumulative Layout Shift (CLS).

Данные о реальном пользовательском опыте

PSI использует данные Chrome User Experience Report (CrUX) для анализа реального опыта пользователей за 28-дневный период. Главные показатели:

  • First Contentful Paint (FCP): время до появления первого содержимого на экране.
  • Largest Contentful Paint (LCP): время до отображения основной части контента.
  • Interaction to Next Paint (INP): время, необходимое для реакции страницы после взаимодействия пользователя.
  • Cumulative Layout Shift (CLS): суммарное смещение макета во время загрузки.
  • Time to First Byte (TTFB) (экспериментально): время до получения браузером первого байта ответа от сервера.
  • First Input Delay (FID) (устаревшая): задержка между первым взаимодействием пользователя и откликом страницы (не рекомендуется Google).

PSI классифицирует каждую метрику по трём категориям согласно порогам Web Vitals: хорошо, требует улучшения, плохо.

Основные Web Vitals

Ключевые показатели для оценки пользовательского опыта — LCP, INP, CLS («Core Web Vitals»). PSI анализирует эти показатели, чтобы определить соответствие страницы критериям Core Web Vitals. Данные метрики используются также как сигнал ранжирования в поиске Google[17].

Лабораторная диагностика

PSI полагается на Lighthouse, который анализирует страницу в тестовой среде. Отчёты содержат оценки и рекомендации по категориям: производительность, доступность, лучшие практики, SEO. В категорию производительности входят FCP, LCP, CLS и время до интерактивности — с баллами и советами по улучшению каждой из метрик.

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

Расширение Chrome для PageSpeed

Расширение PageSpeed — это расширение для Google Chrome, входившее в состав инструментов разработчика Chrome. Пользователи могли видеть основные метрики PageSpeed Insights прямо в браузере и скачивать ресурсы, оптимизированные согласно лучшим практикам веб-производительности. В настоящее время расширение снято с поддержки[18], и Google рекомендует использовать исключительно онлайн-версию PageSpeed Insights.

Сервис PageSpeed

Сервис PageSpeed — коммерческий сервис Google, предоставлявшийся бесплатно в рамках бета-тестирования. Он включал все возможности PageSpeed Modules и использовал серверную инфраструктуру Google[19]. Google объявил о прекращении поддержки PageSpeed Service 5 мая 2015 года[20], сервис был окончательно отключён 3 августа 2015 года[21].

В современных условиях PageSpeed занимает ключевую роль в продвижении сайтов: по оценкам, 47 % пользователей покидают страницу, если она загружается дольше двух секунд[22].

Примечания

  1. О сервисе PageSpeed Insights (англ.). Google Developers. Дата обращения: 13 августа 2022.
  2. Ivanovs, Alex PageSpeed Module: Improving Your Websites' Performance. huffingtonpost.com. The Huffington Post (16 апреля 2014). Дата обращения: 23 марта 2015. Архивировано 21 апреля 2014 года.
  3. Kerner, Sean Michael Google Speeds Up the Web with Apache Web Server Module. serverwatch.com (4 ноября 2010). Дата обращения: 23 марта 2015. Архивировано 7 ноября 2010 года.
  4. Ram, Ramani Page Speed Service: Web performance, delivered. googlecode.blogspot.com (29 июля 2011). Дата обращения: 17 марта 2015. Архивировано 10 июля 2025 года.
  5. Github. github.com. Google Inc. Дата обращения: 6 августа 2020. Архивировано 8 октября 2025 года.
  6. Github. github.com. Google Inc. Дата обращения: 6 августа 2020. Архивировано 8 октября 2025 года.
  7. Apache Incubator. modpagespeed.com. Google Inc. Дата обращения: 6 августа 2020.
  8. Edwards, Ben Authoring critical above-the-fold CSS. benedfit.com (28 июля 2014). Дата обращения: 23 марта 2015. Архивировано 6 декабря 2024 года.
  9. PageSpeed Insights SDK. code.google.com. Google Inc. Дата обращения: 23 марта 2015.
  10. ats_pagespeed. iispeed.com. IISpeed B.V.. Дата обращения: 25 мая 2015. Архивировано 25 мая 2015 года.
  11. IIS WebSpeed. iiswebspeed.com. IISpeed B.V.. Архивировано 16 января 2019 года.
  12. Enge, Eric Case Study: Impact of Code Cleanup on Site Traffic. searchenginewatch.com. Search Engine Watch (6 марта 2011). Дата обращения: 23 марта 2015. Архивировано 4 декабря 2014 года.
  13. Kuchler, Margaret The Growing Need For Speed: How Site Performance Increasingly Influences Search Rankings. retailtouchpoints.com. Retail Touch Points (19 мая 2011). Дата обращения: 23 марта 2015. Архивировано 22 мая 2011 года.
  14. Barry, Shwartz Google Testing A Red "Slow" Label In The Search Results For Slower Sites. searchengineland.com (25 февраля 2015). Дата обращения: 17 марта 2015. Архивировано 21 июля 2025 года.
  15. Mobile Page Load Delay Causes Conversion Loss (англ.). Think with Google. Дата обращения: 23 мая 2024. Архивировано 20 сентября 2020 года.
  16. Speed Tools overview (англ.). web.dev. Дата обращения: 23 мая 2024. Архивировано 11 октября 2025 года.
  17. Page experience in search (англ.). Google Developers. Дата обращения: 23 мая 2024.
  18. PageSpeed Insights (англ.). Google Developers. Дата обращения: 8 сентября 2016.
  19. Lardinois, Frederic Google Updates PageSpeed Service, Promises To "Turbocharge Your Website". techcrunch.com. TechCrunch (3 августа 2012). Дата обращения: 23 марта 2015. Архивировано 31 января 2025 года.
  20. Google Groups. groups.google.com. Дата обращения: 7 февраля 2019.
  21. Turndown information for PageSpeed Service - PageSpeed Service. Google Developers. Дата обращения: 7 февраля 2019.
  22. Dentten, Will Google Pagespeed Insights: Why Is It Important. Test Valley Digital (6 декабря 2024). Архивировано 15 июля 2025 года.

Ссылки

Категории