Рубрики
Live

88: Новый PageSpeed Insights 2020 (про обновление от 27 мая 2020)

Мы заметили обновление через несколько часов, как его выкатили в Гугл. Наша система мониторинга показала резкое падение показателей PageSpeed Insights на некоторых проектах, за которыми мы следим в экспериментальных целях.

На этом эфире мы рассказали всё как на духу. Всё что удалось понять на момент выхода обновления ПейджСпид.

Проверяйте скорость сайта из Киева:

88: Про новый PageSpeed Insights 2020 (последнее обновление от 27 мая 2020)
  • 0:00 – С вами снова Алексей и Антон, мы начинаем!
  • 2:33 – Почему сервис на данный момент перегружен
  • 4:02 – Как обновление повлияло на общую оценку замера скорости. На примере Yandex – 7:35
  • 8:50 – Разбор показателей: FCP (First Contentful Paint) – первая отрисовка контента, FID (First Input Delay) – первая задержка ввода 9:12, LCP (Large Contentful Paint) – отрисовка крупного контента 9:25, CLS (Cumulative Layout Shift) – совокупное смещение контента 11:22
  • 16:25 – Вопрос из зала: «Можно как-то версию «бабули» Яндекса замерить?»
  • 17:00 – Калькулятор пропорций изображений, aspect ratio, вопрос на тему – 35:35
  • 19:07 – Имитация загрузки сайта – загрузка сайта на эмулированных устройствах
  • 19:24 – Какой имеет вес влияния параметр — имитация загрузки сайта, общее время блокировки
  • 20:13 – Обновление рекомендации в блоке Оптимизация
  • 21:10 – Новый аудит — Удалить неиспользованный код JavaScript
  • 22:27 – Проверяется торможение сайта при скролле
  • 23:13 – Параметры со старой версии: работа основного потока, кэширование, время выполнения JavaScript, цепочка событий. Серые метки – информационные
  • 25:10 – Как выполнение рекомендаций может влиять на общую оценку, подробнее 30:20
  • 27:00 – Вопрос из зала: «​По многим сайтам сейчас начало выдавать красное предупреждение: Reduce initial server response time». Измеряйте свои сайты на Lighthouse 6.3 от LOADING.express https://lh.loading.express/
  • 28:24 – Почему оценка сервисов по замеру сайта не должна быть фиксированной. От чего зависит непостоянный результат тестирования
  • 31:32 – Вопрос из зала о JQuery: «Jquery с wordpress удалять? Запланировали на следующую неделю для разработчика задачу в беклог»
  • 33:43 – Вопрос из зала: «​Вы можете посоветовать использовать google tag manager для ускорения сайта? Ну или вы сами используете на практике?»
  • 35:35 – Вопрос зрителя: «Aspect ratio — это только для фоновых изображений или нет?»
  • 36:18 – Вопрос зрителя: «Посоветуйте пожалуйста чек-лист улучшений на сайте?!». Эфир со списком рекомендаций по ускорению сайта https://youtu.be/RnGINmpOOi0. Узнать о предстоящем лонгриде – 49:54
  • 43:27 – Вопрос зрителя: «Вчера тестировали lh6, вроде бы были различия между свежей версией и вашей. Из-за того, что у вас бета раньше стояла?»
  • 45:02 – Дельный совет на вопрос зрителя: «Реально ли устранить ресурс блокирующие отображение? И как лучше от них избавляться? Допустим bootstrap или jquery. Они блокируют, но они критично важны», как подключать стили правильно – 51:27
  • 46:57 – Тестируем Usability, чтобы понять, что исправлять! Школа конверсий от Алексея научит работать с Usability сайта и повышать на этом конверсию
  • 49:54 – Вопрос из зала о новом чек-листе: «Куда подписаться, чтобы не пропустить лонгрид?»
  • 51:27 – Комментарий из зала: «Разработчики ленятся распределять стили, все хардкодом хотят запихнуть», подробнее – 57:10
  • 53:48 – Вопрос из зала: «Для старых версий jquery видел типа «конструктора», что включать в бандл. Для современных версий есть подобное?»
  • 55:16 – Вопрос из зала: «PageSpeed просит настроить предварительную загрузку ключевых запросов. Экономия около 1.65s. Ругается на fonts/slick, woff. Что это такое?»
  • 55:55 – Что такое woff. Как их загружать ​<link rel=»preload» href=».woff2″ as=»font» type=»font/woff2″ crossorigin>
  • 57:10 – Комментарий из зала: «Скелет и первый экран хардкодом, остальное можно подключать в шапке <link rel= “preload” href= “style.css” as= “style” onload= “this.rel= ‘stylesheet’”>»
  • 58:13 – Вопрос из зала: «Нельзя ли взамен инлайнового критического css подключить этот же файл стилей обычным образом вверху страницы, но запушив его прежде?»
  • 1:01:00 – Вопрос из зала: «Подскажите, а как работает пуш ресурсов? Если у нас cloudflare и кэширование сайта в статику на плагине по типу wp rocket или аналогов, будет пуш работать?»
  • 1:02:54 – Продолжение вопроса: «​До сколько кб можно пушить ресурс?»
  • 1:03:14 – Какие сервисы на рынке России осуществляют замер сайта на скорость
  • 1:06:15 – Вопрос от зрителя о версии Lighthouse: «На GTMetrix показатель «PageSpeed Score» откуда берется? Не lighthouse 6 же?»
  • 1:07:28 – Вопрос от зрителя: «Заметил на вашем сайте хитрость по метрике, есть еще лайфхаки?».
  • 1:08:44 – Вопрос из зала про Яндекс.Метрика: «​По аналитике есть скрипт минимальной аналитики minimalanalytics, хотелось бы и метрику поджать»
  • 1:12:53 – Итожим сегодняшний эфир

Автор: Алексей

Маркетолог в loading.express