Як використовувати Lighthouse для аудиту?

Ось як використовувати Lighthouse для аудиту сайту - крок за кроком, без води:

#1. Відкрий сайт у Chrome

Перейди на потрібну сторінку, яку хочеш протестувати. Краще в режимі інкогніто, без розширень - вони можуть спотворювати результат.

#2. Відкрий DevTools

• ПКМ -> Переглянути код або
• Ctrl + Shift + I (Windows) / Cmd + Option + I (Mac)

#3. Перейди на вкладку Lighthouse

На панелі розробника знайди вкладку Lighthouse. Якщо її немає - натисни >> праворуч угорі панелі й вибери її там.

#4. Вибери параметри аудиту

• Мобільний або десктоп;
• Що аналізувати: Performance, SEO, Accessibility, Best Practices, PWA;
• Зазвичай достатньо позначити все, крім PWA (якщо це не веб-застосунок).

#5. Натисни "Analyze" / "Generate report"

Lighthouse запустить симуляцію завантаження сторінки і через кілька секунд покаже детальний звіт.

#6. Вивчи результати

Там будуть:

• Оцінки за 100-бальною шкалою;
• Core Web Vitals;
• Деталі про те, що гальмує завантаження, яких тегів бракує, які зображення можна стиснути тощо.

#7. Збережи або експортуй

Можна експортувати звіт у JSON або HTML (наприклад, щоб надіслати розробнику).

Lighthouse - це аудит "в одну кнопку". Він не вирішує проблеми, але точно показує, де копати.