Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить Lighthouse?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Lighthouse** - це інструмент від Google, який автоматично аналізує вебсторінку і видає оцінку продуктивності та якості за кількома категоріями. **Ключове:** Lighthouse - це автоматизований аудит сайту за продуктивністю, доступністю, SEO і стабільністю, який дає метрики, звіт і рекомендації.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Lighthouse** - це інструмент від Google, який автоматично аналізує вебсторінку і видає оцінку продуктивності та якості за кількома категоріями. --- ### Що перевіряє: 1. **Performance (Продуктивність)** - LCP, FCP, TTI, TBT, CLS - швидкість завантаження, інтерактивність, стабільність layout 2. **Accessibility (Доступність)** - контраст тексту, alt-теги, доступ з клавіатури, aria-атрибути 3. **Best Practices (Хороші практики)** - HTTPS, безпечні запити, заборона на небезпечні API 4. **SEO** - наявність тега title, мета-опису, коректна індексація, семантика 5. **PWA (Progressive Web App)** - офлайн-режим, manifest, service worker --- ### Як працює: - Завантажує сторінку як звичайний користувач - Вимірює ключові метрики (зокрема Web Vitals) - Перевіряє структуру DOM, CSS, JS, доступність - Генерує детальний звіт з оцінками і порадами --- ### Де використовувати: - Вкладка Lighthouse в Chrome DevTools - Через CLI (`lighthouse https://site.com`) - Через CI (Lighthouse CI) - Через API-інтеграції або сторонні інструменти (наприклад, PageSpeed Insights використовує Lighthouse всередині) --- **Висновок:** Lighthouse - це автоматизований аудит сайту за продуктивністю, доступністю, SEO і стабільністю. Дає метрики, звіт і рекомендації, щоб зрозуміти, що гальмує сайт і як це виправити.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.