6 способов оптимизировать PageSpeed и ускорить загрузку сайта для Google

Хотите узнать, как ускорить скорость загрузки сайта? Вы узнаете 6 способов оптимизировать PageSpeed и ускорить загрузку сайта.
Алексей Махметхажиев и Антон Белогородцев провели круглый стол по ускорению сайтов.

0:00 Старт
0:40 Алексей Махметхажиев о себе
3:12 Антон Белогордцев пришел к ускорению сайтов
3:57 О dial-up и скорости интернета
5:11 Начало презентации. 6 способов увеличить PageSpeed
5:24 Что такое PageSpeed Insights от Google
5:40 Что измеряет Lighthouse
6:48 Как правильно измерять скорость загрузки сайта
10:19 Как строится итоговая оценка Google PageSpeed Insights и из чего состоит оценка
12:26 Про калькулятор Lighthouse в PageSpeed Insights, где его найти
14:37 Как ускорить загрузку сайта, от чего зависит
15:28 Вопрос от зрителей, как подключать Метрику и Аналитикс. Помогает ли перенос скрипта вниз HTML.
17:15 Параметр скорости сайта FCP (First Contentful Paint), первая отрисовка контента, что это такое и как измеряется
18:52 Зоны допустимости показателя FCP
20:15 Как улучшить показатель первой отрисовки сайта FCP
26:36 Вопрос про плагин для подсветки скорости сайтов в выдаче
28:05 О Web Vitals плагин для браузера (https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma)
30:15 Сервис BatchSpeed (https://batchspeed.com/)
30:54 Параметр TTI (Time to Interactive) — время до взаимодействия, до интерактивности, для улучшения скорости сайта
33:43 Про параметры оценки TTI
34:16 Способы улучшения показателя TTI (Time to Interactive)
40:21 Как насчет jQuery Slim
40:32 Чем заменить код jQuery для WordPress
41:31 Ускорение сайтов на популярных CMS и цена услуги ускорения сайтов
45:10 Как увидеть скорость в динамике замера каждые 5 секунд https://ping.loading.express - замер скорости ответа сервера.
46:26 Слайдер на 400Кб много для скорости сайта
47:12 Про рейтинг скорости сайтов застройщиков Петербурга - https://loading.express/developers-spb
50:09 9/10 что означает данный показатель на Loading.express - надо ли ускорять сайт
52:24 Почему загрузка мобильной версии всегда хуже, чем у десктопной версии сайтов
54:18 Насколько увеличит показатель скороси сайта CDN (CloudFlare или W.tools): подробный эфир на эту тему - https://youtu.be/IrYD8ZT584c
58:00 Что такое Speed Index и его показатели
59:00 Как улучшить Speed Index - просто
59:19 TBT (Total Blocking Time) общее время блокировки сайта - что это? Новый параметр измерения? FID и TBT в чем отличие.
1:03:35 Как воспринимают люди скорость интернета, своего устройства или сайта
1:05:25 Как оптимизировать показатель TBT (Total Blocking Time)
1:08:34 Оптимизируем long tasks, смотрим примеры из PageSpeed Insights
1:09:26 LCP (Largest Contentfull Paint) самый большой отрисованный элемент на вашем сайте, пример
1:10:08 Про отрисовку крупного контента LCP
1:12:47 Диапазоны показателей LCP
1:13:18 Улучшение LCP на реальном опыте
1:15:58 А если текст LCP. Почему нельзя включать LazyLoad на первом экране.
1:17:27 HTTP/2 Push Server как работает и для чего нужен (целый эфир про это https://youtu.be/mXrVhH5jcUs)
1:18:06 CLS (Cumulative Layout Shift) последний параметр оптимизации PageSpeed Insights — CLS (Cumulative Layout Shift)
1:20:06 Что такое CLS на языке Google / Смещение элемента
1:21:50 Допустимые показатели CLS
1:22:24 Как же улучшить CLS?
1:23:39 100% рабочий способ для автоматического ускорения сайта
1:25:23 Статистика из Loading.express.
1:28:16 Наработки из LOADING.express для улучшения показателей (https://scripts.loading.express)
1:36:11 Как бороться с unusedCSS & unusedJS
1:45:16 Все, что было раньше FCP, TTI, SpeedIndex должно грузиться не более 50 мс
1:47:16 Место размещения счетчиков метрики? Подробнее
1:49:22 Как разбить выполнение js на мелкие задачи?
1:52:37 Как отложить пиксель Facebook?
1:53:05 Цена за оптимизацию сайта начинается от 19 тысяч рублей?
1:59:13 Примеры сайтов, которые Антон с Алексеем реально ускорили
1:59:51 Информация о бесплатном мониторинге
2:00:15 LazyLoad для картинок в вашем пакете скриптов откладывает загрузку всех картинок кроме первого экрана
2:01:26 Будет ли ваш набор наработок работать в shopscript webasyst? Не будет ли конфликтов с плагинами и темами?
2:04:39 Настроить отложенную загрузку скрытых изображений? Влияет ли на индексацию?
2:11:01 Метрика как замедлитель скорости. Про новую Яндекс.Метрику
2:11:57 К LСP относится все крупные элементы, которые отрисовываются на первом экране?
2:12:34 Тег picture, и форматы webp, jpeg

Сервис Алексея и Антона по ускорению сайтов:
https://loading.express/

6 скриптов для ускорения сайта:
https://pay.loading.express/ob/go/globator/p/scripts

Та самая ссылка для получения бесплатного мониторинга скорости загрузки сайта на 3 месяца.
https://pagespeed.loading.express/50-monitorings

Контакты Антона Белогородцева:
https://www.facebook.com/fenixru.dev/

Контакты Алексея Махметхажиева:
https://www.facebook.com/naarende

📦 Скачать презентацию:
https://drive.google.com/file/d/1U0-1MZTd5QNmi3f0kfCbbYGcwhY5YEWN/view?usp=sharing

Видео 6 способов оптимизировать PageSpeed и ускорить загрузку сайта для Google канала Михаил Шакин