Що робить Lighthouse?
Lighthouse - це інструмент від Google, який автоматично аналізує вебсторінку і видає оцінку продуктивності та якості за кількома категоріями.
Що перевіряє:
- Performance (Продуктивність)
- LCP, FCP, TTI, TBT, CLS
- швидкість завантаження, інтерактивність, стабільність layout
- Accessibility (Доступність)
- контраст тексту, alt-теги, доступ з клавіатури, aria-атрибути
- Best Practices (Хороші практики)
- HTTPS, безпечні запити, заборона на небезпечні API
- SEO
- наявність тега title, мета-опису, коректна індексація, семантика
- 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 і стабільністю. Дає метрики, звіт і рекомендації, щоб зрозуміти, що гальмує сайт і як це виправити.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.