Google PageSpeed Tools
Google PageSpeed Tools (англ. Google PageSpeed Tools) — семейство инструментов от компании Google, предназначенных для оптимизации производительности веб-сайтов[1].[2] Инструменты были представлены разработчикам в 2010 году на конференции Google I/O[3].[4]
Комплекс Google PageSpeed Tools включает четыре основных компонента:
- Модуль PageSpeed (состав: mod PageSpeed[5] для Apache HTTP Server и NGX PageSpeed[6] для Nginx)[7]
- PageSpeed Insights
- Сервис PageSpeed
- Расширение Chrome для PageSpeed
Эти инструменты анализируют и автоматически устраняют отклонения от лучших практик Google в области веб-производительности.
Модули PageSpeed
Модули PageSpeed (англ. PageSpeed Modules) — это открытые модули для Apache HTTP Server и Nginx, которые автоматически применяют выбранные фильтры к веб-страницам, сопутствующим ресурсам (таким как таблицы стилей, JavaScript и HTML-файлы), а также изображениям и требованиям к кэшированию сайта. Они не требуют модификации существующего контента или рабочих процессов[8], поскольку вся внутренняя оптимизация и изменения файлов происходят на стороне сервера, и пользователю сразу предоставляются уже оптимизированные ресурсы. Каждый из более чем 40 фильтров модуля соответствует одному из правил лучших практик Google по веб-производительности.
Модуль PageSpeed как открытое ПО регулярно обновляется разработчиками по всему миру. Его могут внедрять как владельцы сайтов, так и хостинг-провайдеры или операторы CDN[9].
Модуль устанавливается двумя способами: из готовых пакетов или сборкой из исходников — поддерживаются следующие платформы:
Порты
Существуют реализации модулей, основанных на SDK PageSpeed, и для других серверов:
- Apache Traffic Server — ATS Page Speed[10]
- Microsoft Internet Information Services — IIS WebSpeed[11]
Фильтры
Фильтры модуля 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].
Примечания
- ↑ О сервисе PageSpeed Insights (англ.). Google Developers. Дата обращения: 13 августа 2022.
- ↑ Ivanovs, Alex PageSpeed Module: Improving Your Websites' Performance. huffingtonpost.com. The Huffington Post (16 апреля 2014). Дата обращения: 23 марта 2015. Архивировано 21 апреля 2014 года.
- ↑ Kerner, Sean Michael Google Speeds Up the Web with Apache Web Server Module. serverwatch.com (4 ноября 2010). Дата обращения: 23 марта 2015. Архивировано 7 ноября 2010 года.
- ↑ Ram, Ramani Page Speed Service: Web performance, delivered. googlecode.blogspot.com (29 июля 2011). Дата обращения: 17 марта 2015. Архивировано 10 июля 2025 года.
- ↑ Github. github.com. Google Inc. Дата обращения: 6 августа 2020. Архивировано 8 октября 2025 года.
- ↑ Github. github.com. Google Inc. Дата обращения: 6 августа 2020. Архивировано 8 октября 2025 года.
- ↑ Apache Incubator. modpagespeed.com. Google Inc. Дата обращения: 6 августа 2020.
- ↑ Edwards, Ben Authoring critical above-the-fold CSS. benedfit.com (28 июля 2014). Дата обращения: 23 марта 2015. Архивировано 6 декабря 2024 года.
- ↑ PageSpeed Insights SDK. code.google.com. Google Inc. Дата обращения: 23 марта 2015.
- ↑ ats_pagespeed. iispeed.com. IISpeed B.V.. Дата обращения: 25 мая 2015. Архивировано 25 мая 2015 года.
- ↑ IIS WebSpeed. iiswebspeed.com. IISpeed B.V.. Архивировано 16 января 2019 года.
- ↑ Enge, Eric Case Study: Impact of Code Cleanup on Site Traffic. searchenginewatch.com. Search Engine Watch (6 марта 2011). Дата обращения: 23 марта 2015. Архивировано 4 декабря 2014 года.
- ↑ 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 года.
- ↑ Barry, Shwartz Google Testing A Red "Slow" Label In The Search Results For Slower Sites. searchengineland.com (25 февраля 2015). Дата обращения: 17 марта 2015. Архивировано 21 июля 2025 года.
- ↑ Mobile Page Load Delay Causes Conversion Loss (англ.). Think with Google. Дата обращения: 23 мая 2024. Архивировано 20 сентября 2020 года.
- ↑ Speed Tools overview (англ.). web.dev. Дата обращения: 23 мая 2024. Архивировано 11 октября 2025 года.
- ↑ Page experience in search (англ.). Google Developers. Дата обращения: 23 мая 2024.
- ↑ PageSpeed Insights (англ.). Google Developers. Дата обращения: 8 сентября 2016.
- ↑ Lardinois, Frederic Google Updates PageSpeed Service, Promises To "Turbocharge Your Website". techcrunch.com. TechCrunch (3 августа 2012). Дата обращения: 23 марта 2015. Архивировано 31 января 2025 года.
- ↑ Google Groups. groups.google.com. Дата обращения: 7 февраля 2019.
- ↑ Turndown information for PageSpeed Service - PageSpeed Service. Google Developers. Дата обращения: 7 февраля 2019.
- ↑ Dentten, Will Google Pagespeed Insights: Why Is It Important. Test Valley Digital (6 декабря 2024). Архивировано 15 июля 2025 года.