Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як використовувати Lighthouse для аудиту?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Lighthouse** - це інструмент для аудиту сайту в Chrome DevTools, який за кілька секунд формує звіт про продуктивність, SEO, доступність та найкращі практики сторінки. **Ключове:** Lighthouse - це аудит «в одну кнопку»; він не вирішує проблеми, але точно показує, де копати.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняОсь як використовувати **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 - це аудит "в одну кнопку". Він не вирішує проблеми, але точно показує, де копати.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.