X'inhuma l-igħumati tar-riżorsi bħal preload, prefetch u preconnect?

Question

Accepted Answer

**L-igħumati tar-riżorsi** huma tags `` li jgħidu lill-browser biex irriedu jew jikkonettaw ma' riżorsi biċċex kmieni, u jottimizzaw il-prestazzjoni tal-ħmigħ. Kull wieħed jasservi bħala bżonn ta' ħin / prijorità differenti. ```html ``` ## X'tagħmel kull wieħed - **`preload`** — "Għandi bżonn dan **għall-paġna taċ-ċirkwizzjoni**, ħudu issa bi prijorità għolja." Għal riżorsi kritiċi li l-parser jiskopri tard: fonts, immagni hero, assi rriferiti CSS. Jeħtieġ `as` biex il-browser jissetra prijorità / headers tajba. - **`preconnect`** — "Se nikkonnettja ma' dan l-**origin** malajr; agħmel DNS lookup + TCP + TLS handshake issa." Issejvja r-round-trips qabel l-ewwel talba lil parti terza (API, font host, CDN). Użah għal ftit origins kritiċi. - **`dns-prefetch`** — verżjoni aktar ħafifa ta' preconnect: DNS resolution biss. Fallback tajjeb / għal bosta origins. - **`prefetch`** — "Probably għandi bżonn dan għall-**navigazzjoni li jmiss**; ħudu bi prijorità baxxa meta l-browser ikun idle." Għal paġni / assi li jistgħu jkunu li jmiss. Ikkacħatu għall-futur, mhux għall-paġna taċ-ċirkwizzjoni. ## Eżempju reali komuni: fonts ```html ``` Fonts jiskopru tard (il-browser għandu jipparsa CSS l-ewwel), allura l-preload tagħhom jipprevjeni d-dellim tal-test invisibli. ## Avviż: la tuż tropp igħumati Il-preload ta' kull ħaġa jwaqqaf il-iskop — kompeti ma' riżorsi verament kritiċi għall-bandwidth. Istaqsi biss għall-ftit li jissejħu l-aktar. ## Għaliex huwa importanti L-igħumati tar-riżorsi jitqassru l-latency fuq il-path kritiku: `preconnect` neħħi d-dellim tal-handshake għall-partijiet terzi, `preload` jipprijoritizza l-assi kritiċi skopru tard (fonts, immaġni LCP), u `prefetch` jagħmel in-navigazzjoni *li jmiss* tħoss istantanja. Ixtaqsi b'approċċ eżatt, jitjiebu b'mod sinifikanti l-Core Web Vitals.