Инструменты Google PageSpeed
В данной статье поднимается несколько вопросов. Пожалуйста, помогите улучшить его или обсудите эти проблемы на странице обсуждения . ( Узнайте, как и когда удалять эти шаблонные сообщения )
|
Google PageSpeed — это семейство инструментов от Google, Inc. [1] разработан, чтобы помочь оптимизировать производительность веб-сайта . [2] Он был представлен на конференции разработчиков в 2010 году. [3] [4] Семейство инструментов PageSpeed состоит из четырех основных компонентов: Модуль PageSpeed (состоящий из мода PageSpeed [5] для HTTP-сервера Apache и NGX PageSpeed [6] для Nginx ), [7] PageSpeed Insights , PageSpeed Service и расширение PageSpeed Chrome DevTools . Целью этих компонентов является выявление и автоматическое исправление отклонений от рекомендаций Google по веб-производительности.
Модули PageSpeed [ править ]
Модули PageSpeed — это с открытым исходным кодом модули HTTP-сервера Apache HTTP или веб-сервера Nginx , которые автоматически применяют выбранные фильтры к страницам и связанным с ними ресурсам, таким как таблицы стилей , JavaScript и файлы HTML , а также к изображениям и требованиям к кэшу веб-сайта . Эти модули не требуют внесения изменений в существующий контент или рабочий процесс. [8] это означает, что все внутренние оптимизации и изменения файлов выполняются на стороне сервера, представляя измененные файлы непосредственно пользователю. Каждый из более чем 40 фильтров соответствует одному из лучших правил Google по повышению производительности в Интернете.
Поскольку модуль PageSpeed представляет собой библиотеку с открытым исходным кодом , он часто обновляется многочисленными разработчиками со всего мира и может быть развернут любыми отдельными сайтами, хостинг-провайдерами или CDN . [9]
Установка может быть выполнена двумя способами: из пакетов или сборкой из исходного кода на следующих поддерживаемых платформах:
Порты [ править ]
Другие серверы, предлагающие модуль оптимизации PageSpeed на основе Google Page Speed SDK:
- Сервер трафика Apache — скорость страницы ATS [10]
- Информационные службы Интернета Microsoft — IIS WebSpeed [11]
Фильтры [ править ]
Фильтры модуля PageSpeed — это настройки, на основе которых применяется правило оптимизации веб-страницы. Их можно разделить на пять основных категорий:
- Оптимизация таблиц стилей
- Оптимизация файлов Javascript
- Оптимизация изображений
- HTML-оптимизация
- Фильтры отслеживания активности
Влияние скорости [ править ]
Модуль PageSpeed продемонстрировал наиболее значительное влияние на сокращение времени загрузки веб-страниц, размера полезной нагрузки и количества запросов по сравнению с другими вариантами в отрасли. По мнению нескольких исследователей, mod_pagespeed может сократить время загрузки до 80%, количество байтов в проводе может быть уменьшено на 30%, а общее количество запросов может снизиться более чем на 20%. Поскольку многие поисковые системы, включая Google, используют алгоритм ранжирования, на который влияет скорость загрузки страницы, такая оптимизация может повлиять на положение веб-сайта в результатах поиска. [12] [13] С февраля 2015 года Google начал тестирование меток «Медленно» на мобильных устройствах. [14] для веб-сайтов, время загрузки которых превышает определенное время, что побуждает разработчиков искать способы увеличения скорости загрузки страницы.
По оценкам Google, с каждой задержкой загрузки мобильной страницы коэффициент конверсии падает на 20%. [15]
PageSpeed Insights [ править ]
Статистика PageSpeed [16] — это онлайн-инструмент синтетического тестирования, который помогает определить лучшие практики производительности для любого отдельного URL-адреса, дает рекомендации по оптимизации веб-страницы и предлагает общие идеи о том, как сделать веб-сайт быстрее. [17] Доступ к этому инструменту можно получить непосредственно в любом браузере. По запросу URL-адреса он оценивает производительность веб-страницы по шкале от 1 до 100 и предоставляет отчет о предлагаемых оптимизациях, разделенных на категории с высокими значениями (оценка > 80, что указывает на то, что большинство лучших практик реализовано и возможности для улучшения незначительны). средние (от 60 до 79, что указывает на то, что на странице отсутствуют некоторые распространенные оптимизации и есть некоторый запас для оптимизации) и низкие приоритеты (оценка ниже 60, что указывает на неоптимизированную страницу) – О PageSpeed Insights [18]
В настоящее время оценка Page Speed Insight рассчитывается на основе шести факторов:
- Самая большая содержательная краска (LCP)
- Взаимодействие со следующей отрисовкой (INP)
- Совокупное изменение макета (CLS)
- Первая содержательная краска (FCP)
- Первая входная задержка (FID)
- Время до первого байта (TTFB)
В последних версиях PageSpeed Insights добавлена поддержка. [19] для измерения реального пользовательского опыта с помощью отчета об опыте пользователя Chrome. [20] Элизабет Суини и Адди Османи из Google Chrome возглавляют PageSpeed Insights и объявили о поддержке Core Web Vitals в 2020 году. [21]
Расширение PageSpeed для Chrome [ править ]
Расширение Pagespeed является расширением браузера Chrome и частью инструментов разработчика Google Chrome . Посетители, которые регулярно используют PageSpeed, могут просматривать все показатели PageSpeed Insights непосредственно в браузере и загружать ресурсы веб-страницы, оптимизированные в соответствии с лучшими практиками веб-производительности. Сейчас оно устарело [22] и Google рекомендует вместо этого использовать онлайн-версию.
Служба PageSpeed [ править ]
Сервис PageSpeed был коммерческим продуктом, предоставленным Google Inc. Сервис предлагался бесплатно, поскольку официально он все еще находился в бета-версии. Услуга включала в себя всю оптимизацию модуля Pagespeed и использование инфраструктуры серверов Google. [23] Google объявил об прекращении поддержки сервиса PageSpeed 5 мая 2015 г. [24] и отключил его 3 августа 2015 года. [25]
См. также [ править ]
Ссылки [ править ]
- ^ «О PageSpeed Insights» . Разработчики Google . Проверено 13 августа 2022 г.
- ^ Ивановс, Алексей (16 апреля 2014 г.). «Модуль PageSpeed: повышение производительности ваших веб-сайтов» . huffingtonpost.com/ . Хаффингтон Пост . Проверено 23 марта 2015 г.
- ^ Кернер, Шон Майкл (4 ноября 2010 г.). «Google ускоряет работу в Интернете с помощью модуля веб-сервера Apache» . serverwatch.com/news/ . Проверено 23 марта 2015 г.
- ^ Рам, Рамани (29 июля 2011 г.). «Служба Page Speed: производительность в Интернете достигнута» . googlecode.blogspot.com/ . Проверено 17 марта 2015 г.
- ^ «Гитхаб» . github.com . Гугл Инк . Проверено 6 августа 2020 г.
- ^ «Гитхаб» . github.com . Гугл Инк . Проверено 6 августа 2020 г.
- ^ «Инкубатор Апачей» . modpagespeed.com/ . Гугл Инк . Проверено 6 августа 2020 г.
- ^ Эдвардс, Бен (28 июля 2014 г.). «Разработка критического верхнего CSS» . benedfit.com . Проверено 23 марта 2015 г.
- ^ «SDK PageSpeed Insights» . code.google.com . Гугл Инк . Проверено 23 марта 2015 г.
- ^ "ats_pagespeed" . iispeed.com/ . IISpeed BV Архивировано из оригинала 25 мая 2015 г. Проверено 25 мая 2015 г.
- ^ «IIS ВебСпид» . iiswebspeed.com/ . IISpeed Б.В.
- ^ Энге, Эрик (6 марта 2011 г.). «Пример: влияние очистки кода на посещаемость сайта» . searchenginewatch.com/ . Поисковые системы . Проверено 23 марта 2015 г.
- ^ Кучлер, Маргарет (19 мая 2011 г.). «Растущая потребность в скорости: как производительность сайта все больше влияет на рейтинг в поисковых системах» . Retailtouchpoints.com/ . Точки взаимодействия с розничной торговлей . Проверено 23 марта 2015 г.
- ^ Барри, Шварц (25 февраля 2015 г.). «Google тестирует красную метку «медленно» в результатах поиска для более медленных сайтов» . searchengineland.com/ . Проверено 17 марта 2015 г.
- ^ «Задержка загрузки мобильной страницы приводит к потере конверсии» . Думайте вместе с Google . Проверено 23 мая 2024 г.
- ^ «ПейджСпид Аналитика» . Статистика PageSpeed . Гугл Инк.
- ^ Вагнер, Джанет (15 января 2015 г.). «GOOGLE ВЫПУСКАЕТ PAGESPEED INSIGHTS API V2» . programmableweb.com/ . Программируемая сеть . Проверено 23 марта 2015 г.
- ^ Бертон, Кларк (08 ноября 2016 г.). «Техническое руководство по отчетам Google PageSpeed Insights» . Проверено 12 июля 2018 г.
- ^ «Данные о реальном пользовательском опыте» . Статистика PageSpeed . Гугл Инк.
- ^ «Отчет об интерфейсе Chrome» . Отчет об опыте использования Chrome . Гугл Инк.
- ^ «Инструменты для измерения основных веб-жизненных показателей» . Инструменты веб-показателей . Гугл Инк.
- ^ «PageSpeed Insights | PageSpeed Insights | Разработчики Google» . Разработчики Google . Проверено 8 сентября 2016 г.
- ^ Лардинуа, Фредерик (3 августа 2012 г.). «Google обновляет службу PageSpeed и обещает «ускорить ваш сайт» » . techcrunch.com . Технический кризис . Проверено 23 марта 2015 г.
- ^ «Группы Google» . groups.google.com . Проверено 7 февраля 2019 г.
- ^ «Информация об отключении службы PageSpeed — PageSpeed Service» . Разработчики Google . Проверено 7 февраля 2019 г.