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

Алексей Махметхажиев и Антон Белогородцев провели круглый стол по ускорению сайтов.

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 плагин для браузера ()
30:15 Сервис BatchSpeed ()
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 секунд - замер скорости ответа сервера.
46:26 Слайдер на 400Кб много для скорости сайта
47:12 Про рейтинг скорости сайтов застройщиков Петербурга -
50:09 9/10 что означает данный показатель на Loading.express - надо ли ускорять сайт
52:24 Почему загрузка мобильной версии всегда хуже, чем у десктопной версии сайтов
54:18 Насколько увеличит показатель скороси сайта CDN (CloudFlare или W.tools): подробный эфир на эту тему -
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 как работает и для чего нужен (целый эфир про это )
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 для улучшения показателей ()
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

Сервис Алексея и Антона по ускорению сайтов:


6 скриптов для ускорения сайта:


Та самая ссылка для получения бесплатного мониторинга скорости загрузки сайта на 3 месяца.


Контакты Антона Белогородцева:


Контакты Алексея Махметхажиева:



YouTube圖片

所有圖像從最大到最小
單擊鼠標右鍵並選擇 "保存圖像為..." 將原始圖像下載到您的計算機.

圖片網址:

直接鏈接到圖像與分辨率: 1280x720

直接鏈接到圖像與分辨率: 640x480

直接鏈接到圖像與分辨率: 480x360

直接鏈接到圖像與分辨率: 320x180

直接鏈接到圖像與分辨率: 120x90

從視頻和URL到每個的幾幀:

標題和說明

視頻的說明和標題。
如果字段為空,則視頻沒有描述。
標題:

視頻說明