๐๐ผ๐ ๐๐ผ ๐๐ต๐ฒ๐ฐ๐ธ ๐๐ผ๐ฟ๐ฒ ๐ช๐ฒ๐ฏ ๐ฉ๐ถ๐๐ฎ๐น๐ ๐ถ๐ป ๐ญ๐ฌ ๐ ๐ถ๐ป๐๐๐ฒ๐
Google uses Core Web Vitals to rank your site. Sites that pass these tests see an average 11% increase in organic traffic within 60 days. You do not need expensive tools to audit your performance.
The three metrics you must track:
โข LCP (Largest Contentful Paint): Measures loading speed. Goal is under 2.5 seconds. โข INP (Interaction to Next Paint): Measures responsiveness. Goal is under 200ms. โข CLS (Cumulative Layout Shift): Measures visual stability. Goal is under 0.1.
How to audit using Chrome DevTools:
- Open your site in Chrome.
- Press F12 to open DevTools.
- Go to the Performance tab.
- Check the Web Vitals checkbox.
- Perform a hard reload with Ctrl+Shift+R.
How to fix LCP:
- Use WebP images instead of large JPEGs.
- Preload critical resources.
- Remove CSS that blocks rendering.
How to fix INP:
- Reduce JavaScript execution.
- Break up long tasks.
- Limit third-party scripts to avoid delays.
How to fix CLS:
- Set explicit width and height on all images and videos.
- Reserve space for ads and dynamic content.
- Avoid injecting content above existing elements.
Lab data from Lighthouse shows one test. Real user data is more accurate. Use pagespeed.web.dev to see how actual Chrome users experience your site.
Start with your top 10 landing pages. Fixing these pages improves your overall domain score by 40% to 60%. Most fixes require only HTML and CSS changes. You do not need a large budget or new server tools.
Monitor your progress:
- Use Search Console for URL status.
- Use the web-vitals JS library to send data to your analytics.
- Run Lighthouse CI on every deployment.
Source: https://dev.to/kui_luo/how-to-check-core-web-vitals-in-10-minutes-5d00