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