๐ช๐ต๐ ๐ฌ๐ผ๐๐ฟ ๐๐ถ๐ด๐ต๐๐ต๐ผ๐๐๐ฒ ๐ฆ๐ฐ๐ผ๐ฟ๐ฒ ๐๐ถ๐ฒ๐
Clients send Lighthouse screenshots. They see a red score. They ask you to fix it.
The score is a simulation. It runs on Google servers. Real users have different devices. Real users have different network speeds.
Focus on these three metrics.
- LCP: Load time for the main image.
- INP: Response time after a click.
- CLS: Visual stability.
Fix LCP first. Stop lazy loading your hero image. Set fetchpriority to high. Use WebP format. Set explicit width and height for images.
Fix INP next. Too many plugins slow your site. They block the main thread. Defer your JavaScript. Load scripts only on specific pages.
Fix CLS last. Web fonts cause layout shifts. Use font-display swap in your CSS. Preload your main fonts.
Set up your server. Use page caching first. Use object caching next. Use a CDN for static files.
Stop chasing a 100 score. Check Google Search Console. Look at CrUX data. This data shows real user experience.
Lighthouse is a diagnostic tool. Search Console is the truth.