Что такое Lighthouse

Ответ

Lighthouse — это инструмент от Google для аудита веб-страниц. Он проверяет производительность, доступность, SEO, лучшие практики и PWA. Запускается через Chrome DevTools, командную строку или как расширение.

Пример использования:

// Запуск Lighthouse через Node.js
const lighthouse = require('lighthouse');
const chromeLauncher = require('chrome-launcher');

async function runAudit(url) {
  const chrome = await chromeLauncher.launch();
  const options = {port: chrome.port};
  const runnerResult = await lighthouse(url, options);
  console.log(runnerResult.lhr.categories);
  await chrome.kill();
}

runAudit('https://example.com');

Ключевые метрики:

  • Performance (FCP, LCP, TBT)
  • Accessibility (ARIA, контрастность)
  • SEO (мета-теги, структура)
  • Best Practices (HTTPS, безопасность)

Результаты помогают оптимизировать сайт и улучшить пользовательский опыт.

Ответ 18+ 🔞

Да ты послушай, что эти умники из Google придумали! Lighthouse, блядь, называется. Ну не маяк, а просто пиздец какой-то надзиратель для твоих сайтов.

Представь картину: сидит такой цифровой стукач, ебаный вротберунчик, и вынюхивает каждую твою строчку кода. Проверяет всё: как быстро твой сайт пыхтит, как слепой бабушке с ним (доступность, блядь), как он для поисковиков выглядит (SEO, ёпта) и вообще, не косячишь ли ты по мелочи. Запустить его можно отовсюду: из хромовских инструментов, через командную строку, как душе угодно.

Вот, смотри, как его через Node.js заставить пахать:

// Запуск Lighthouse через Node.js
const lighthouse = require('lighthouse');
const chromeLauncher = require('chrome-launcher');

async function runAudit(url) {
  const chrome = await chromeLauncher.launch();
  const options = {port: chrome.port};
  const runnerResult = await lighthouse(url, options);
  console.log(runnerResult.lhr.categories);
  await chrome.kill();
}

runAudit('https://example.com');

А потом он тебе, сука, такой отчёт под нос суёт, что волосы дыбом! С кучей этих заумных метрик:

  • Производительность (Performance) — FCP, LCP, TBT. Короче, сколько ждать, пока хоть что-то покажется, и не будет ли страница дергаться, как мандражник в проруби.
  • Доступность (Accessibility) — ARIA-атрибуты, контрастность цветов. Чтобы не только ты, здоровый олень, всё видел, но и другие люди.
  • SEO — мета-теги, заголовки, структура. Чтобы Гугл твой сайт не обошёл стороной, как говно на асфальте.
  • Лучшие практики (Best Practices) — HTTPS стоит ли, безопасно ли. В общем, чтоб не позориться.

И знаешь что самое обидное? Он почти всегда прав, этот засранец. После его аудита обычно понимаешь, что твой сайт — это просто пиздопроебибна, и надо срочно всё переделывать. Но зато после правок пользователям реально лучше становится. Так что, хочешь не хочешь, а запускать эту свору цифровых ищеек периодически придётся.