🔑 Core Web Vitals (Main Metrics)
1. Largest Contentful Paint (LCP) – Loading Performance
- Measures how long it takes for the main content of a page to load.
- Example: When a big image or heading becomes visible.
👉 Good Score: Less than 2.5 seconds
👉 Poor Score: More than 4 seconds
📌 How to improve:
- Optimize images
- Use fast hosting
- Enable caching
- Minimize CSS & JavaScript
2. Interaction to Next Paint (INP) – Responsiveness
(Replaced First Input Delay - FID)
- Measures how quickly a page responds when a user interacts (click, tap, type).
👉 Good Score: Less than 200 milliseconds
👉 Poor Score: More than 500 milliseconds
📌 How to improve:
- Reduce JavaScript execution time
- Avoid heavy scripts
- Use efficient event handling
3. Cumulative Layout Shift (CLS) – Visual Stability
- Measures how much the layout shifts unexpectedly while loading.
👉 Good Score: Less than 0.1
👉 Poor Score: More than 0.25
📌 How to improve:
- Set size for images/videos
- Avoid inserting content above existing content
- Use stable fonts
🚀 Why Web Vitals Matter
- Improve SEO ranking (Google uses them as ranking signals)
- Enhance user experience
- Reduce bounce rate
- Increase conversion rate
🛠️ Tools to Measure Web Vitals
- Google PageSpeed Insights
- Google Search Console
- Lighthouse
- Chrome DevTools
Comments
Post a Comment