DevTools vs PageSpeed: измеряем скорость сайта

В этом видео поговорим о принципе загрузки страницы, какие события происходят при загрузке страницы. Сравним три сервиса, разработанные Google: PageSpeed Insights, Lighthouse и DevTools. Выделим плюсы и минусы данных сервисов и определим, для чего конкретно подходит каждый из них. Также разберем, из-за чего падает скорость загрузки страницы и как ее оптимизировать. 0:00 - Вступление 1:22 - Принцип загрузки сайта 9:35 - Основные классы проблем 13:27 - Инструменты DevTools, PageSpeed Insights, LightHouse 17:15 - Основные метрики PSI и LightHouse 19:28 - Возможности DevTools. Вкладка Network 24:25 - Проблемы с медиафайлами 27:15 - Проблемы с JS, CSS, шрифтами 30:33 - Проблемы с внешними запросами 32:10 - Долго отдается документ 35:05 - Выводы 35:33 - Пример использования Инструкция по заполнению сайтов: #heading= Вариативные шрифты OpenType Font Variations: https:/