Откройте для себя инструменты и методы Chrome для повышения производительности вашего сайта.
Протестируйте сайт с помощью PageSpeed ​​Insights

Инструменты разработчика

DevTools — это набор инструментов, позволяющий проверять и отлаживать поведение веб-приложений, работающих на компьютере, включая веб-страницы, веб-воркеры и расширения.
Используйте DevTools для проверки и отладки производительности вашего сайта, включая рендеринг и компоновку элементов, выполнение JavaScript и сетевую активность.
В разделе «Справочник функций» представлена ​​подробная информация о каждой функции, включая измеряемые ею показатели производительности и факторы, влияющие на эти показатели.
Раздел «Справочник событий временной шкалы» содержит подробную информацию о каждом типе событий, отображаемом на временной шкале панели «Производительность».
Аналитика — это практические рекомендации, которые помогут вам улучшить производительность вашего сайта.

Маяк

Lighthouse — это инструмент, позволяющий быстро и легко проверить производительность веб-страницы.
Узнайте, как Lighthouse рассчитывает оценку эффективности вашего сайта.
Раздел «Метрики» содержит подробную информацию о каждом показателе эффективности, который измеряет Lighthouse.
Аналитика — это практические рекомендации, которые помогут вам улучшить производительность вашего сайта.
Диагностика — это дополнительная информация, которую Lighthouse предоставляет, чтобы помочь вам понять и устранить проблемы с производительностью вашего сайта.
КУРС

Веб-производительность — это важнейший аспект веб-разработки, который фокусируется на скорости загрузки страниц, а также на том, насколько они реагируют на действия пользователя. Когда вы оптимизируете свой веб-сайт для повышения производительности, вы предоставляете пользователям лучший опыт. Улучшение пользовательского опыта во многом поможет вам достичь целей, которые вы задумали для своего веб-сайта.

Этот курс от web.dev предназначен для новичков в области веб-производительности.

Начать