- Как было раньше: интерфейс PageSpeed Insights к обновлению
- Как стало теперь: обновленный интерфейс PageSpeed Insights
- 1. Оценка скорости загрузки
- 2. Данные наблюдений (англ. Field Data)
- 3. Имитация загрузки страницы (англ. Lab Data)
- 4. Оптимизация (Opportunities), Диагностика (Diagnostics) и Успешные аудиты (Passed audits)
- Что это значит?
12 ноября Google без громких анонсов и прелюдий выпустил обновление PageSpeed Insights - инструмента для оценки скорости загрузки сайтов. Все бы ничего, но это - первая масштабная смена сервиса с января 2018 года, когда в него были включены данные Chrome User Experience Report.
Обновления кардинально меняет сам подход к анализу страниц: теперь общая оценка скорости основывается на данных Lighthouse , Метрики времени загрузки в секундах отражаются для любого сайта, а в отчете появилось множество новых параметров и рекомендаций. Впрочем, обо всем по порядку.
Уже сейчас можно наблюдать, что оценки производительности многих сайтов существенно изменились, особенно для мобильных устройств. Изменилась даже сама шкала: «низкая», «средняя» и «добра» оптимизация теперь занимают другие числовые диапазоны. Чего ждать от этого обновления? Стоит паниковать от того, что ваш сайт теперь оценивается хуже?
Как было раньше: интерфейс PageSpeed Insights к обновлению
До выхода обновления отчет инструмента выглядел так:
В этой статье мы уже разбирались, как им пользоваться и какую информацию можно получить из него получить, поэтому здесь лишь кратко перечислим секции, из которых состоял старый интерфейс:
- оценка скорости загрузки от 0 до 100;
- данные Отчета об удобстве пользования Chrome, доступные только для достаточно посещаемых сайтов, с двумя метриками скорости (First Contentful Paint и DOM Content Loaded) и их статистическим распределением;
- краткая информация о загрузке страницы: объем передаваемых данных и число обращений к серверу;
- список правил PageSpeed Insights (всего было 10 правил), не соблюдены на этой странице, с предложениями по оптимизации;
- список соблюдены правила, по которым возможности для ускорения практически отсутствуют.
Как стало теперь: обновленный интерфейс PageSpeed Insights
После обновления сервис приобрел следующий вид:
Как видим, структура отчета изменилась и содержит следующие секции.
1. Оценка скорости загрузки
На первый взгляд, система осталась такой, как была: три цвета, три диапазона. Однако, изменения коснулись шкалы. Сравним старые и новые оценки в виде таблицы:
цвет диапазона
старая характеристика
Старый диапазон
Новая характеристика
новый диапазон
зеленый
Good (Хорошо)
80 - 100
Fast (Высокая скорость)
90 - 100
желтый
Medium (Средне)
60 - 79
Average (Средняя скорость)
50 - 89
красный
Low (Низко)
0 - 59
Slow (Низкая скорость)
0 - 49
Таким образом, даже сами названия показателей говорят об изменении подхода: акцент делается не на уровень оптимизации, как раньше, а именно на скорость. Об этом еще поговорим ниже. Забегая вперед, стоит сказать: новая оценка не равна старой, поскольку выводится на основании других параметров.
2. Данные наблюдений (англ. Field Data)
Это, по сути, все та же информация с Chrome User Experience Report. Увидеть ее можно, как и раньше, только для тех сайтов, по которым достаточно статистических данных. Метрика FCP (First Contentful Paint) осталась, а вот на смену DOM Content Loaded (DCL) пришел параметр First Input Delay (FID). Эта метрика показывает время, которое проходит между первым взаимодействием пользователя с сайтом (нажатием на ссылку, кнопку и т.д.) и моментом, когда сайт отвечает на это действие. Вероятно, в Google решили, что этот параметр более показательным, если речь идет о статистике работы реальных пользователей с веб-ресурсом.
Кроме этого, внизу секции можно увидеть кнопку «Show Origin Summary». Это - новый и более удобный способ посмотреть усредненные данные по сайту в целом, набирая перед адресом сайта специальную команду. Подробнее о том, как эта функция работала ранее, можно прочитать здесь .
3. Имитация загрузки страницы (англ. Lab Data)
Здесь содержатся метрики скорости, полученные инструментом Lighthouse путем эмуляции загрузки страницы в 3G-сети. Главное отличие от старого интерфейса - все метрики выражаются в секундах, то есть для любых сайтов теперь видно информацию о времени загрузки, чего не было раньше. Стоит, однако, помнить: это только эмуляция, и в реальных пользователей эти показатели могут отличаться как в большую, так и в меньшую сторону.
Всего в этой секции 6 показателей:
- Время загрузки первого контента (First Contentful Paint). Это та самая метрика, которая доступна в секции Field Data, только теперь - получена в «лабораторных» условиях. Показывает время от начала загрузки до момента, когда на экране появится хотя бы один элемент страницы;
- Время загрузки достаточной части контента (First Meaningful Paint). Показывает время от начала загрузки до момента появления основного содержимого страницы: воспроизведение первого экрана, который видит пользователь (above-the-fold-контента) и загрузки веб-шрифтов;
- Индекс скорости загрузки (Speed Index). Показывает, насколько быстро контент страницы становится доступен для просмотра. Определяется путем покадровой сравнения в момент, когда страница перестает меняться визуально;
- Время окончания работы ЦП (First CPU Idle). Это период времени до момента, когда основной поток страницы освобождается настолько, что она может реагировать на действия пользователя. Имеется в виду, что большинство элементов страницы (но не все) уже интерактивные, и страница отвечает на действия пользователя за приемлемое время;
- Время загрузки для взаимодействия (Time to Interactive). Показывает время, за которое страница полностью загружается и готова к взаимодействию с пользователем: зарегистрированные обработчики событий для большинства видимых элементов, время ответа на действия пользователя составляет не более 50 миллисекунд;
- Приблизительное время задержки при вводе (Estimated Input Latency). Показывает усредненное время реакции страницы на действия пользователя в наиболее заняты 5 секунд во время загрузки. Если эта величина превышает 50 миллисекунд, то пользователи могут чувствовать, что ваш сайт тормозит.
Эти метрики не новы и появились в арсенале Lighthouse уже достаточно давно. Вместе они позволяют комплексно оценить производительность страницы: не только то, насколько быстро она загружается, но и способность отвечать на взаимодействии и скорость таких ответов.
Важно отметить: суммарная оценка по шкале от 0 до 100, которая появляется в первой секции, рассчитывается именно на основании этих шести метрик (если быть точнее, то только пяти из них - Estimated Input Latency не учитывается). При этом показатели имеют разный вес, которую можно посмотреть здесь : Time to Interactive - важнейший, First Meaningful Paint - наименее существенный. Расчет происходит следующим образом:
- значение каждой метрики в секундах сравнивается с аналогичными показателями сайтов из базы HTTP Archive ;
- временной показатель переводится в 100-балльную шкалу на основе логарифмического распределения (чем выше процент сайтов, в которых эта метрика хуже, тем больше будет оценка)
- 5 полученных оценок усредняются с учетом веса каждой метрики, формирует итоговую оценку страницы.
4. Оптимизация (Opportunities), Диагностика (Diagnostics) и Успешные аудиты (Passed audits)
Три нижние секции отчета соответствуют старой секции с рекомендациями, однако на смену прежним 10 правилам пришли 22 аудиты производительности Lighthouse - показатели, опять же, не новы, но они перешли в PageSpeed Insights только сейчас. Ни один из показателей в этом разделе не учитывается при расчете итоговой оценки; они имеют лишь характер советов: что конкретно можно исправить на странице, чтобы улучшить ее производительность. Выглядят эти секции так:
В разделе «Оптимизация» выводятся советы, для которых рассчитывается приблизительная оценка экономии времени загрузки в секундах. Для сравнения, ранее экономия отображалась только в килобайтах трафика, и для просмотра было разворачивать каждую совет. Эту информацию также можно посмотреть и сейчас. Многие рекомендации в этой секции связаны с рисунками, а также с устранением файлов, которые блокируют рендеринг:
- настройте соответствующий размер изображений;
- отложите загрузки скрытых изображений;
- используйте современные форматы изображений;
- отложите загрузки неиспользованного контента CSS;
- устраните ресурсы, которые блокируют отображение и т.д.
Другие рекомендации, эффективность которых труднее оценить в секундах, попадают в секции «Диагностика». Развернув каждую из них, вы можете получить более подробные сведения: например, потенциальную экономию трафика, которую принесет кэширования тех или иных файлов или использование отложенной загрузки для определенных скриптов.
Все аудиты, которые Lighthouse считает успешно выполненными для данной страницы (то есть, возможностей для ускорения за ними практически нет) попадают в секции «Успешные аудиты».
Что это значит?
В первую очередь - то, что Google решил сместить акценты в PageSpeed Insights. Ранее речь шла об абстрактной «оптимизацию», которая хоть и показывала, насколько быстро или медленно работает ваша страница, но не давала представление о реальной скорости; теперь же можно посмотреть конкретные величины, выраженные в единицах времени, и увидеть, что, например, после сжатия рисунков страница стала загружаться на 2 секунды быстрее. Будем надеяться, что это станет важным шагом в сторону реального ускорения интернета вместо погони за абстрактными показателями, которой часто увлекаются владельцы сайтов.
Еще одна возможная причина обновления - стремление не отставать от развития других сервисов компании. Так, недавно Google выпустил руководство по lazy loading Если следовать рекомендациям, приведенным в нем, то поисковая система должна «видеть» контент, загружаемый отложено. В PageSpeed Insights появился соответствующий аудит: «Отложите загрузки скрытых изображений», где рекомендуется применить принцип «ленивого загрузки».
Стоит обратить внимание и на то, что обновление расширяет само понятие «скорость сайта": на оценке сказывается не только время, за которое мы можем увидеть страницу и ее элементы, но и готовность этих элементов к работе, их способность реагировать на наши действия. В Lighthouse это неплохо описывается словом Performance (Производительность).
Однако, в работе обновленного инструмента пока ясно не все. Можно заметить, что для многих сайтов оценки скорости на мобильных устройствах стали ниже, даже с учетом измененной шкалы: ресурсы, которые ранее получали твердые «средние» оценки (желтая зона), теперь характеризуются как «медленные» (красная). В то же время, оценки для настольных компьютеров поменялись не так существенно и местами даже улучшились.
В первые дни после обновления нагрузки на инструмент может возрасти, ведь желающих посмотреть изменения больше. Поэтому, если вы не можете проверить свой сайт, просто подождите некоторое время.
Не стоит поддаваться панике, если вы видите, что оценка скорости вашего сайта значительно упала: скорее всего, это вызвано изменениями алгоритма и никак не связано с самим сайтом. Не следует совершать опрометчивых действий, особенно если не уверены в их правильности и не обладаете нужными техническими знаниями: так вы рискуете не улучшить работу сайта, а наоборот, нанести им вреда. Лучше, опять же, подождать: возможно, механизмы проверки PageSpeed Insights будут еще дорабатываться в ближайшее время, если будут обнаружены какие-либо ошибки.
Если вы поняли, что ваш сайт необходимо ускорить, и без помощи специалистов не обойтись, то веб-агентство ARTO готово предложить вам свои услуги. Обращайтесь, мы всегда рады помочь!
Похожие
Ошибка страницы 404 - как вы останавливаете пользователя на странице?... как использовать это творчески? Страница ошибки 404 должна служить, прежде всего, в качестве информационной роли. Когда сайт или данная подстраница больше недоступны для пользователя, чаще всего отображается следующее сообщение: Как получить год премиум антивирус бесплатно
... интерфейс станет очень простым, с несколькими основными элементами управления, которые вы можете развернуть для получения полной настройки. Как извлечь текст из PDF или изображения в Google Drive
Если вы хотите преобразовать изображение в текст, в Google Docs встроена мощная функция оптического распознавания символов. Вот как это сделать. Сколько раз вы находили старый PDF-файл или изображение компании и нуждались в быстром доступе к тексту внутри только для того, чтобы обнаружить, что вы не можете найти редактируемую версию файла, или копирование и вставка не помогли вам? Или, может быть, вам нужно всего лишь преобразовать PDF или изображение в документ Word или LibreOffice, чтобы Как использовать целевые страницы в Google Analytics для поиска ключевых слов
SEO: «Что в имени? То, что мы называем не предусмотрено Под любым другим именем все равно будут скрываться мои ключевые слова. " - не Шекспир SEO почти перестали жаловаться на то, что Google скрывает поисковые ключевые слова. Почти . Поисковые системы по-прежнему используют ключевые слова для поиска на настольном компьютере, в мобильном устройстве, на планшете с помощью клавиатуры, Siri или Cortana. В глубине души мы знаем, что ключевые слова ограничивают, Google Maps LIVE с живым режимом станет хитом
приложение Google Maps это прорывной продукт. В этом нет никаких сомнений. В конце концов, мы все очень помним эту радость, как и несколько лет назад, мы нашли наш дом или квартиру на спутниковых картах интернет-гиганта. Как удалить неиспользуемый CSS из ваших файлов стилей
... как браузер должен выполнять дополнительную работу, анализируя все дополнительные правила. И даже если влияние на производительность будет минимальным, это облегчит задачу поддержания CSS, если файлы будут чистыми и хорошо структурированными. Opera и браузер Firefox имеют популярное дополнение под названием Dust Me который сканирует вашу текущую веб-страницу и перечисляет все неиспользуемые правила CSS, которые определены Как загрузить с USB на Mac, Windows или Linux
И хотя пользователи исторически вставляли загрузочный диск в свои DVD или CD Многие компьютеры больше не поставляются с дисководами оптических дисков. В результате загрузка с USB-носителя становится стандартом. Как вы запускаете этот загрузочный носитель, может отличаться в зависимости от используемой операционной системы, но есть несколько общих рекомендаций, которые могут помочь запустить ваш компьютер, Как войти в систему на ПК удаленно с TeamViewer
Вы когда-нибудь были где-нибудь и хотели показать семейную фотографию или получить документ, только чтобы понять, что файл находится на домашнем компьютере? Чем больше подключаются наши устройства, тем больше они увеличивают наше желание получать доступ к нашей информации где угодно. Но пока мобильные устройства Как использовать Night Light в обновлении для создателей Windows 10
Обновление создателей Windows 10 имеет новую функцию, которая должна быть проще для глаз и поможет вам заснуть после долгой ночи веб-серфинга. Это называется Ночной свет Теперь вы также можете оплатить покупки Amazon.de через Przelewy24
На немецкой Amazon очень часто появляются привлекательные акции для электроники, поэтому покупка на ней может стать привычкой. Тем более что сайт также доступен в польской языковой версии и сервис не вызывает никаких проблем с отправкой товара в Польшу (единственное, что он делает, это возмещает НДС, потому что в Германии действуют разные тарифы). Для того, чтобы еще больше удовлетворить наших клиентов, была введена возможность оплаты через Przelewy24. Лично я предпочитаю оплату с помощью Как подключить ноутбук к ноутбуку через WiFi
... как соединить два ПК в сеть на Windows 8 и более новых версиях. В данной статье мы расскажем, как с помощью стандартных инструментов системы объединить два устройства в сеть. К слову, ранее существовало специальное программное обеспечение, которое позволяло подключить ноутбук к ноутбуку, но со временем оно стало неактуальным и теперь его довольно сложно найти. Да и зачем, если все очень просто делается средствами Windows. Внимание! Обязательным условием для такого
Комментарии
Так что же должен знать каждый владелец бизнеса о сайтах?Так что же должен знать каждый владелец бизнеса о сайтах? Почему сайты для бизнеса? сайты они часто являются визитными карточками в Интернете. Именно на них потенциальный клиент ищет информацию об услугах, продуктах или о самой компании, а также контактные данные. В дополнение к Вы когда-нибудь сталкивались с медленной скоростью копирования и хотите знать, как копировать DVD на ноутбук на высокой скорости, и у вас есть больше времени, чтобы наслаждаться любимыми фильмами?
Вы когда-нибудь сталкивались с медленной скоростью копирования и хотите знать, как копировать DVD на ноутбук на высокой скорости, и у вас есть больше времени, чтобы наслаждаться любимыми фильмами? Скорость копирования этого программного обеспечения очень высокая. Всего 20 минут, чтобы скопировать 150-минутный DVD в MP4, AVI, MKV, MOV, WMV и т. Д. С неповрежденным качеством и гораздо меньше времени для резервного копирования DVD в MPG (всего 5-10 минут). 3. Это безопасно. Как скопировать Как это сделать?
Как это сделать? Шаг 1: Выберите SSD-накопитель для PS4 Playstation 4 предоставляет пользователю доступ к внутреннему жесткому диску, который мы можем обменять на другой. Мы можем вынуть диск, который был в комплекте с PS4, и заменить его другим, а именно SSD. Sony даже есть на своих страницах официальный гид как это сделать и на что обратить внимание при покупке жесткого диска Как вы думаете, это удобно?
Как вы думаете, это удобно? 8.3. Видите ли вы экран на сильном солнце? 4,0 Питание и оборудование Antutu Рейтинг 20.160 Производительность лучше, чем у 18% устройств емкость Емкость 8 ГБ (Емкость с операционной системой, зависит от производителя и ПЗУ: 6-7 ГБ). Можно увеличить примерно 1454 песни, 3200 фотографий и 114 видео? (SD) Да SD в отдельный вход датчиков Считыватель отпечатков пальцев Нет Что такое Mind Map?
Что такое Mind Map? Карта разума - это когнитивная техника, разработанная британским психологом Тони Бьюзеном, целью которой является повышение собственной продуктивности путем визуализации темы. [1] При создании карты мыслей в виде древовидных диаграмм ассоциации призваны помочь стимулировать творчество и, как следствие, генерировать новые идеи, которые приводят к развитию темы. [2] Лично я уже использовал карты разума во время учебы и учебы. Таким образом, Означает ли это, что вы не сможете купить подходящее охлаждающее решение для Threadripper?
Означает ли это, что вы не сможете купить подходящее охлаждающее решение для Threadripper? Нет. Хотя Threadripper не будет поставляться с включенным жидкостным охладителем, как было известно по слухам, он будет включать в себя кронштейн-адаптер, который работает с большинством жидкостных охладителей. AMD также считает, что у вас будет множество решений для охлаждения. (И он вам понадобится - ни Core i9, ни Threadripper не могут быть пассивно охлаждены.) Бюджет в $ 120 для жидкостного Серьезно веришь, что тебе удастся это сделать?
Серьезно веришь, что тебе удастся это сделать? Дайте вашей любимой компании суровую оценку? Это все равно что сказать своему ребенку, что он не самый красивый в мире ... Наш собственный отдел маркетинга - это больше, чем один человек Вы смирились с тем, что не «тяните» маркетинг в своей собственной компании? Самый сложный шаг позади вас. При поиске сбережений у вас наверняка возникла идея нанять кого-то (и желательно половину), который возьмет это за вас. Студент или Как ты это делаешь?
Как ты это делаешь? Из коробки это не сработает. К счастью, уловка, чтобы заставить это функционировать, невероятно проста. Позвольте мне показать вам, как. Включение функции Откройте Google Drive и нажмите на значок шестеренки. В раскрывающемся списке нажмите «Настройки». В появившемся окне ( рисунок A ) убедитесь, что флажок Convert uploads отмечен. Рисунок А Ошибка страницы 404 - как вы останавливаете пользователя на странице?
Ошибка страницы 404 - как вы останавливаете пользователя на странице? оценка Где я могу рассказать другим людям, что мой сайт продает рекламные площади?
Где я могу рассказать другим людям, что мой сайт продает рекламные площади? BuySellAds - самое популярное место AdvertiseSpace - Я не пробовал, но это должна быть хорошая альтернатива. 4) Продайте свой собственный цифровой продукт (например, электронную книгу) Продажа собственного продукта - это здорово, потому что нет комиссии, и никто не примет «участие» - здесь Когда у вас нет ключевых слов, что остается?
Когда у вас нет ключевых слов, что остается? Целевые страницы! Ваша Google Analytics (или любая другая аналитическая программа в этом отношении) полна полезной информации, которую вы можете использовать для поиска тем, о которых вы можете написать, используя слова, относящиеся к этой теме. Вы начинаете с того, что волнует ваших посетителей, демонстрируете свой опыт и отвечаете на вопросы, о которых ваши читатели даже не подозревали. Первый шаг, давайте посмотрим на целевые страницы
Чего ждать от этого обновления?
Стоит паниковать от того, что ваш сайт теперь оценивается хуже?
Что это значит?
Как использовать это творчески?
Так что же должен знать каждый владелец бизнеса о сайтах?
Почему сайты для бизнеса?
Вы когда-нибудь сталкивались с медленной скоростью копирования и хотите знать, как копировать DVD на ноутбук на высокой скорости, и у вас есть больше времени, чтобы наслаждаться любимыми фильмами?
Как это сделать?
Как вы думаете, это удобно?