Мы заметили обновление через несколько часов, как его выкатили в Гугл. Наша система мониторинга показала резкое падение показателей PageSpeed Insights на некоторых проектах, за которыми мы следим в экспериментальных целях.
На этом эфире мы рассказали всё как на духу. Всё что удалось понять на момент выхода обновления ПейджСпид.
Проверяйте скорость сайта из Киева:
- 0:00 – С вами снова Алексей и Антон, мы начинаем!
- 1:05 – Google PageSpeed Insights выкатил обновление https://developers.google.com/speed/pagespeed/insights/
- 2:33 – Почему сервис на данный момент перегружен
- 8:50 – Разбор показателей: FCP (First Contentful Paint) – первая отрисовка контента, FID (First Input Delay) – первая задержка ввода 9:12, LCP (Large Contentful Paint) – отрисовка крупного контента 9:25, CLS (Cumulative Layout Shift) – совокупное смещение контента 11:22
- 15:45 – Узнайте подробнее о принципе замера CLS в эфире https://www.youtube.com/watch?v=5zh51cXIMt0
- 16:25 – Вопрос из зала: «Можно как-то версию «бабули» Яндекса замерить?»
- 19:07 – Имитация загрузки сайта – загрузка сайта на эмулированных устройствах
- 19:24 – Какой имеет вес влияния параметр — имитация загрузки сайта, общее время блокировки
- 20:13 – Обновление рекомендации в блоке Оптимизация
- 21:10 – Новый аудит — Удалить неиспользованный код JavaScript
- 22:27 – Проверяется торможение сайта при скролле
- 23:13 – Параметры со старой версии: работа основного потока, кэширование, время выполнения JavaScript, цепочка событий. Серые метки – информационные
- 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
- 36:49 – Для чего нужен метод document.write(). Узнать о других рекомендациях по вашему сайту можно на Lighthouse 6.3 от LOADING.express https://lh.loading.express/ — 38:56
- 39:50 – Разбор показателей по сервису Lighthouse версии 6.3 в выпуске https://www.youtube.com/watch?v=-P4p_2mSxw4
- 43:27 – Вопрос зрителя: «Вчера тестировали lh6, вроде бы были различия между свежей версией и вашей. Из-за того, что у вас бета раньше стояла?»
- 45:02 – Дельный совет на вопрос зрителя: «Реально ли устранить ресурс блокирующие отображение? И как лучше от них избавляться? Допустим bootstrap или jquery. Они блокируют, но они критично важны», как подключать стили правильно – 51:27
- 46:57 – Тестируем Usability, чтобы понять, что исправлять! Школа конверсий от Алексея научит работать с Usability сайта и повышать на этом конверсию
- 49:54 – Вопрос из зала о новом чек-листе: «Куда подписаться, чтобы не пропустить лонгрид?»
- 51:27 – Комментарий из зала: «Разработчики ленятся распределять стили, все хардкодом хотят запихнуть», подробнее – 57:10
- 53:48 – Вопрос из зала: «Для старых версий jquery видел типа «конструктора», что включать в бандл. Для современных версий есть подобное?»
- 54:29 – О шрифтах, как их подключать. Подробный эфир по ссылке https://www.youtube.com/watch?v=UCe1U9Qz5JA
- 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 – Итожим сегодняшний эфир
- 1:13:40 – Следующий №89 эфир https://www.youtube.com/watch?v=sAGYqRm-E3g