bloopcommitsSite slow hai to visitor bhaag jaata hai aur Google bhi dekhta hai. Google teen number dekhta hai, jinhe Core Web Vitals kehte hain. Is guide mein: teeno number kya hain aur unki 'good' limit kya hai (Google ke apne web.dev page se), apni site ka score kaise dekhein, aur paanch fix jo aam taur par sabse zyada kaam aate hain. Limits badalti rehti hain: web.dev par aaj ka dekh lo.
Ek nazar mein
- LCP (sabse bada content kab dikha): 2.5 second ke andar.
- INP (tap/click ke baad screen kab badli): 200 millisecond ya kam.
- CLS (page kitna hilta hai): 0.1 ya kam.
- Ye limits page loads ke 75th percentile par naapi jaati hain, mobile aur desktop alag.
- Score dekho: PageSpeed Insights (Google).
Teen number, seedhi bhasha mein (web.dev ke hisaab se)
| Number | Poora naam | Matlab | Good |
|---|---|---|---|
| LCP | Largest Contentful Paint | Page ka sabse bada hissa (hero image / heading) kitni der mein dikha | 2.5 s ke andar |
| INP | Interaction to Next Paint | Button dabane ke baad screen kitni der mein jawab deti hai | 200 ms ya kam |
| CLS | Cumulative Layout Shift | Load hote waqt cheezein kitni khisakti hain (text neeche sarak jaana) | 0.1 ya kam |
Google ka page kehta hai ki good experience ke liye ye limits 75th percentile par milni chahiye, mobile aur desktop ko alag alag dekh kar. Matlab: tumhare 100 mein se 75 visitors ko itna fast milna chahiye, sirf tumhare fast laptop par nahi.
Apni site ka score dekho
- PageSpeed Insights kholo (Google ka tool, developers.google.com/speed par link hai).
- Apni site ka URL daalo aur Analyze dabao.
- Mobile aur Desktop dono tab dekho: Google ke page ke hisaab se ye tool lab data (abhi ka test) aur field data (asli Chrome users ka data) dono dikhata hai.
- Teen number dekho: green = good, orange = needs improvement, red = poor.
- Neeche 'Diagnostics' mein sabse upar wali cheez pehle theek karo.
5 fix (aam taur par sabse zyada farak)
- Photos compress aur chhoti karo. Banaya hua example: 4 MB ki photo jo sirf 400 px chaudi dikhni hai. WebP ya compressed JPG, aur utni hi badi jitni screen par chahiye. LCP seedha sudharta hai.
- Extra plugins / scripts hatao. Har plugin, chat widget, tracking script page ko bhaari karta hai. Jo use nahi hota, nikaal do; INP aur LCP dono sudharte hain.
- Neeche ki photos lazy-load karo. Jo photo screen par baad mein aati hai, wo pehle load kyun ho? img tag mein loading="lazy" (zyadatar CMS mein setting hai).
- Caching aur CDN lagao. Cache = ek baar bani page baar baar nahi banti; CDN = file visitor ke paas wale server se aati hai. CDN ka kaam hai file visitor ke paas wale server se bhejna.
- Behtar hosting. Sab kuch theek hai par server hi slow hai, to hosting badalna sochho: kamzor hosting baaki fix ka asar bhi kam kar deti hai.
CLS ke liye alag se
- Har image aur video ko width/height do, taaki jagah pehle se reserve rahe.
- Ads ya banners ke liye fixed height ka box rakho.
- Fonts load hote waqt text na uchhle: font-display swap aur system font fallback.
- Upar se koi cheez (cookie bar, notice) content ko neeche dhakel kar na aaye.
Aam galtiyan
- Sirf desktop par test karna: Google mobile ko alag naapta hai aur zyadatar visitors mobile par hain.
- Ek baar test karke bhool jaana: har naya plugin/photo score badal deta hai.
- Score 100 ke peeche bhaagna: green zone kaafi hai, baaki time content par lagao.
- Lab aur field data ko ek samajhna: field data asli visitors ka hai, wahi Google dekhta hai.
Yaad rakho
- 3 number: LCP 2.5 s, INP 200 ms, CLS 0.1 (limits badalti rehti hain).
- PageSpeed Insights mobile + desktop dono dikhata hai.
- Pehla fix hamesha photos.
- Ye advice hai, ranking ki guarantee nahi.