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

Мы подобрали наиболее важные анонсы. Давайте изучим их.

Chrome будет помечать медленные сайты

Мы уже знаем, что с июля 2018 года медленные сайты могут быть понижены в поиске Google. Чтобы предупредить, что сайт медленный, Chrome будет уведомлять пользователя перед тем, как сайт откроется. Протестируют разные варианты таких сообщений. Вот прототип.

Гугл ставит метку медленным сайтам Возможный вариант предупреждения посетителя из Chrome о медленном сайте слева и о быстром сайте справа
Возможный вариант предупреждения посетителя из Chrome о медленном сайте слева и о быстром сайте справа

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

А ваш сайт быстро загружается? Проверьте прямо сейчас:

Три новые метрики: Largest Contentful Paint и Cumulative Layout Shift

Largest Contentful Paint (LCP), Total Blocking Time (TBT) and Cumulative Layout Shift (CLS) новые метрики производительности, которые созданы для измерения удобства посетителя на начальном этапе загрузки сайта.

Такие же, по типу параметры, как первая отрисовка контента или первый значимый контент на странице.

LCP - время для отрисовки самого большого, видимого контентного содержимого на экране.
TBT - время блокировки до взаимодействия. Чтобы было проще понять, это время, когда javascript активно выполняется и не дает взаимодействовать с сайтом.

Total Blocking Time (TBT) - что это такое и как рассчитывается
TBT = блокировка загрузки + блокировка основного потока

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

Что значит и как работает CLS Cumulative Layout Shift
У вас было такое, что вы нажимаете на интерфейс и вдруг он уползает в сторону и вы жмете не туда? Теперь это будет отслеживаться и чем больше таких сдвигов, тем ниже баллы.
Все новые метрики фокусируются на скорости отклика и визуальной стабильности и похоже, что Гугл делает на них большой акцент.

Lighthouse 6 – как изменится оценка производительности сайтов

Значительные изменения ожидают Lighthouse 6, который хотят выпустить в январе 2020 года, по словам Elizabeth Sweeny. Алгоритм подсчета баллов будет пересмотрен, в пользу  новых метрик, упомянутых выше.

Как сменится оценка скорости загрузки сайтов при переходе с лайтхаус версии 5 на 6 версию
Время окончания работы ЦП сменится на Total Blocking Time, а Время загрузки достаточной части контента сменится на LCP. 

Что ж, в январе снова будет изменение в показателях Google PageSpeed Insights?

В прошлый раз, когда Гугл серьезно менял алгоритмы во всем мире была небольшая паника. Если показатели вашего сайта резко упали в красную зону, то скорее это значит, что теперь вы более точно поймете как реальные посетители взаимодействуют с вашим сайтом.

Для наглядности посмотрите на калькулятор показателей Lighthouse 6 против пятой версии по ссылке в картинке:

Расширение Lighthouse теперь работает с серверов Google

Обновление коснулось и расширения Lighthouse. Если раньше оно выполнялось локально на вашем устройстве, то теперь его выполнение перенесли на сервер Гугл. Конечно осталась возможность запускать его локально из консоли браузера Chrome.
Вот ссылки на расширения, которые измерят скорость загрузки сайта в один клик:

Lighthouse - замер с серверов Гугл из Европы или США.
Loading.express - замер с серверов России.


Все эти нововведения говорят о непрерывных усилиях, направленных на повышение точности синтетического тестирования эксплуатационных характеристик.

Google реализует несколько стратегий для награждения сайтов с высокой скоростью и наказания медленных сайтов.

Сейчас как никогда требуются надежные решения для мониторинга производительсности сайтов. Не оказывать должного внимания параметру скорости загрузки сайтов станет для кого-то слишком дорогим мероприятием.

Ускоряйте ваш сайт сегодня

Проверяйте скорость загрузки и ставьте ваши сайты мониторинг! Кстати, скорость проверить можно прямо в строке ниже: