1. Chrome DevTools (most popular)

• Open Chrome browser
• Press F12 for DevTools
• Select the "Lighthouse" tab
• Select categories and click "Generate report"

2. Chrome Extension

• Installation of Lighthouse extension from Chrome Web Store
• Access from any page with one click
• Convenient for quick tests

3. Command Line (Node.js)

• Installation: npm install -g lighthouse
• Execution: lighthouse https://example.com
• Ideal for automation and CI/CD

4. PageSpeed Insights

• Online version of https://pagespeed.web.dev/
• Does not require installation
• Provides similar results

Performance

Evaluates the speed and effectiveness of loading

Key metrics:

• First Contentful Paint (FCP) - first visual content
• Largest Contentful Paint (LCP) - largest element
• Total Blocking Time (TBT) - time blocking
• Cumulative Layout Shift (CLS) - stability of layout
• Speed Index - speed index

Accessibility

Checks accessibility for people with disabilities

Main checks:

• Alt text for images
• ARIA attributes and roles
• Color contrast
• Keyboard navigation
• Semantic HTML

SEO (Search Engine Optimization)

Analyzes the optimization for search engines

Key elements:

• Meta descriptions and titles
• Mobile-friendly design
• XML sitemap and robots.txt
• Structure of heading tags
• Link texts and anchor texts

Best Practices

Checks compliance with modern standards

Covered areas:

• HTSSL and security
• Console errors
• Modern web features
• Using best practices
• Deprecated APIs

PWA (Progressive Web App)

Evaluates the features of Progressive Web Apps

PWA requirements:

• Service Worker registration
• Offline functionality
• Installability
• Responsive design
• Fast loading

For developers:

• Identification of performance bottlenecks
• Optimization of code and resources
• Automation of quality assurance
• Continuous integration checks

For designers:

• Check color contrast
• Validation of responsive design
• Optimization of images
• Improve user experience

For SEO specialists:

• Optimization for search engines
• Improve mobile experience
• Structural improvements
• Technical SEO audits

For business owners:

• Comparison with competitors
• Measurement of website quality
• Identification of problems before clients
• Data-driven solutions for improvements

Good practices when using:

• Test in production environment - for the most accurate results
• Use incognito mode - for cleaner results
• Test multiple times - for more stable results
• Focus on field data - real user data
• Compare with competitors - for context and benchmark
• Track progress - measure improvements over time

Restrictions and warnings:

• Laboratory conditions - results may differ from real conditions
• One moment in time - does not take into account variable conditions
• Does not cover all aspects - additional tools may be needed
• Score is not everything - focus on specific recommendations
• Device configuration - affects results