Skip to main content

Що робить Lighthouse?

Lighthouse - це інструмент від Google, який автоматично аналізує вебсторінку і видає оцінку продуктивності та якості за кількома категоріями.


Що перевіряє:

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

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.