Core Web Vitals -
LCP (Largest Contentful Paint)
- Ye Score Measure krta h Kitne Time m kisi webpage ka most of the content dikhai dene lagta h.
- jo bhi mobile page p bda element hota h like image, video, slideshow, image animation, hosted video, block text ko jitna time lgta h load hone m usi ko LCP Kaha jata h.
- Ye alg alg page ka hota h, puri website ka nhi hota h.
- Ye web page jo bhi bda element hota h uske load hone ka hi time measure kiya jata h.
- ye above the fold content ko hi use krta h. Jo ki top of the page hota h.
- 2.5 second se kam hona chahiye | 2.5 SE 4 Second k bich m average hoti h | 4 second se jadaa bad hoti h
Suggestion
- Upgrade Hosting
- Use CDN
- Minify CSS and HTML
- Enable Caching
- No slideshow
- No Animation
- No Hosted video
- Keep Image Small (Isko text se chhota rakhe , Image ko webp format m rakhe, Taki jada size na le ske, jitna size light kr sakte h kr de)
- Keep Text Optimised
- No Java Script Used (Top part m java script plugin or element na use kre jo java script k load or execute hone p chalta h
- web fonts (user ko java script, image, css file k sath sath font bhi download krna padta h, jo ki time leta h,font-display: swap; isko apne font family k sath rakhna h,
- wordpress plugin me swap plugin use kre
- hme sabse pahle apni design ko fast krna h
- Caching
- Minification (ye space nikal deti h, jis se user ko padhne m dikat aati h, pr crawller ko nhi)
- Deferring (ye jb bhi koi user website open krta h to vo requst jati h server p or server se file bhejna suru krta h, pahle html, css, image file ek ek krke user k web browser p bhejta h or website open hone lg jati h, but jb java script ki bari aati h to ek ek line ko execute krta h, ye ise pahle download krega fir execute krega fir next line p jaega, to ye rander ko block kr rhi h, mtlb jo website bina kisi rukawat k open ho rhi thi use java script k file ne slow kr diya.
- is ke liye hme DOM ko chhota rakhna padega
- page k top m java script ko na rakhe
- use kre ( <script defer src="/js/jquery.min.js"> )
- Image (image format ko sahi kre, webp bahut km size leta h)
- Lab Data (page speed insight ko jo ki google apna hi tool h yha p jo bhi speed ki optimization hoti h, isko google use nhi krta h, isi ko lab data kaha jata h)
- Field Data (ye jo data hota h ye jo hmare real user hmari use krte h uske last 30 days ka data use krta h google or tb hme score deta h, isme jo bhi user experience aata h website ko use krte hue unka jo average score hota h vhi real web vital score banta h.
- iske liye ab hme google analytics m ja kr mobile function m check krna ki kon sa device or mobile se user ne hmari jada website open ki or fir hme us mobile p uska optimization krna h.
- core web vital (Hmare google search console m iska result show hi nhi hota h, kyuki ya to uski website new h, ya fir traffic bahut kam h)
FID (First Input Delay)
- Pehli bar input dene p kitna delay ho rha h.
- jb user kisi ko click ya touch krta h or uske bad vo website action lene lgti h to vo hoti h FID.
- ye 100 milisecond se km h to good | 100 se 300ms k bich to middle | or 300 ms se jada to bad h
- FID ki report field data se milega kyuki touch to koi real user hi krega.
- FID Ka direct relation TBT (Total block time) Se hota h
- TBT Score ko dekhe
- Reduce java script execution time ( unused java script ko hataye,
- Optimize css (unused css ko hatae
- Minimize main thread work (jb crosal background m work kr rhi hoti h tb ye kai thread m bati hoti jisme se ek main thread hoti h,jo ki kam handle krti h like DOM, JS Ko handle krna.
- reduce third party code (ye third party code like chat code, analytics jisse java script use krna padta h)
CLS (Cumulative Layout Shift)
- Element load (Links, Buttion) hote hue jb ye apni position change kr rhe h isi ko CLS Kaha jata h.
- Ye Jo UI (User interface) K kharab layout k karan hota h.
- ye 0.1 second se kam h to good | 0.1 se 0.25 second k bich average | 0.25 second se jada h to bad
- bs hme un element ko dhundna h jo ki fix nhi hote h
- chrome tools p ja k inspect kre , fir performance tab p click kre, web vital ko check kre, fir reload kre, iske bad jo bhi red color m layout shift likha use check kre
- Text (jb swap ko hm use krte h tb ye apne orignal font m change hota h tb ye dikat aati h , mtlb layout thora sa hil jata h, iske liye similar system font use kre | Self Host Font use kre pr iske liye hosting speed achi honi chahiye
- Image (ye text se pahle download nhi hoti h, pr jb ye download hoti h tb layout shift hota h, isko chhote se chhote size me rakhe, isko webp format rakhe, iska size fix kr de kyuki browser ko aane wali image k size ka pta hoga to image k liye size ko bachha k rakhega.
- Iframes (iska size nhi pta hota to iska bhi size fix kr de
- Ads (inka bhi size fix kre, agr ad vha na upload ho to vha p koi dummy image rakh de, or jb bhi user isko scroll kre tb hi ad dikhe to iska cls score p effect nhi padega, isko fir se LCP Wale point h.
INP (Interaction To Next Point)
- ye jb hm koi link ko click krte h pr vo nhi click hota h fir hm dubara se click krte h to vo fir koi page open krta h to isi delay ko INP Kaha jata h
- ye 200 milisecond se kam h to good | 200 ms se 400 ms tk average | or 400 ms se jada bad
- kisi button p click hone ka bad kitni der bad kam krna suru krta h, kisi link p click krne k bad kitni der k bad dusra tab open hota h, mouse hover hone k bad kitni der bad sub menu display hota h, slider k arrow p click, mouse k scroll hone k bad kitne der bad page scroll hota h,
- ye vese sare element ko check krna padega or jo sbase jada time leta h usi ko measure krta h.
- unussed css and js
- minimised css and js
- use caching plugin
- use cdn remove time (ye world m apne server har jagah rakhte h taki user tk jaldi information pahuch sake
- optimize images
- reduce third party code (embedded youtube video , embeddded google maps, chat widget
0 Comments