Аудит производительности, доступности и пользовательского опыта вашего сайта с помощью Google Lighthouse

Lighthouse - это автоматизированный инструмент для аудита производительности, доступности и общего пользовательского опыта любой веб-страницы. Изначально он задумывался для аудита PWA (Progressive Web Apps), но теперь это куда больше.

Проще всего провести аудит сайта в последней версии Chrome. Зайдите на ваш сайт и откройте Dev Tools, нажав F12 или правой кнопкой на странице > Inspect (Ctrl + Shift + I). Затем перейдите на вкладку Audits и нажмите Run audits. Это запустит набор тестов против вашего сайта и выдаст отчёт вроде такого:

Как видите, дела у этого блога идут не очень. К счастью, Lighthouse предоставляет очень подробный отчёт, объясняющий вашу оценку, а каждая строка сопровождается ссылкой Learn more, где можно узнать подробности о проблеме и о том, как улучшить рейтинг.

Можно поэкспериментировать с настройками, тестировать на мобильном устройстве или с разными скоростями соединения, соответствующими вашей аудитории, и формировать разные отчёты. Как только базовая линия у вас будет, пора заниматься улучшениями.

Сможете ли вы достичь идеальной оценки?