Ukuhlela i-PageSpeed — Yenza iWebhusayithi Yakho Ibe Fast Kakhulu ngo-2026

Kungani Ijube Iphendula

UGoogle uqinisekisile ukuthi ijube lithinta izikhala. Amakhasi ahamba kancane akhathaza abasebenzisi, futhi uGoogle ufuna ukuhlinzeka ngokuqonda okuhle kakhulu. Idatha evela kuGoogle ikhombisa ukuthi ubungozi bokuthi umsebenzisi akhishwe ngaphezulu kwe-32% uma isikhathi sokulayisha sihamba sisesikhathini esisodwa ukuya kumasekhondi amathathu.

Kodwa akukhona nje ngokuqhathanisa. Ijube lithinta ngokuqondile imiphumela yakho:

Iziguquko — Isikhawu esengeziwe sokulayisha sinciphisa iziguquko ngama-7%
Izinga lokuphuma — Ama-53% abasebenzisi beselula bayashiya ikhasi elithatha isikhathi esingaphezu kwemasekhondi amathathu ukufaka
Ukuhlanganyela komsebenzisi — Amakhasi asheshayo azizwa ethile nangokwethembeka

Core Web Vitals — Izilinganiso zokuqala zikaGoogle

UGoogle ulinganisa ijube ngalezi zilinganiso ezintathu ze-Core Web Vitals:

LCP — Largest Contentful Paint

Linganisela lapho ingxenye enkulu ebonakalayo (evamise ukuba yisithombe noma isihloko) iqeda ukulayisha.

Kuyaqondakala: Ngaphansi kwamasekhondi angu-2.5
Kudingeka ukuphuculwa: 2.5 — 4.0 amasekhondi
Kubi: Ngaphezulu kwamasekhondi angu-4.0

INP — Interaction to Next Paint

Linganisela ukuthi ikhasi liphendula ngokushesha kanjani uma umsebenzisi enza okuthile (chofoza, bhala, nqamula).

Kuyaqondakala: Ngaphansi kwe-200ms
Kudingeka ukuphuculwa: 200 — 500ms
Kubi: Ngaphezulu kwe-500ms

CLS — Cumulative Layout Shift

Linganisela ukuthi lokho okwakha ku-shift kangakanani ngesikhathi sokulayisha. Wazi kahle lowo mzuzu — ufuna ukuchofoza okuthile, kodwa ngokuzumayo okuqukethwe kushintsha bese uthola okunye.

Kuyaqondakala: Ngaphansi kwe-0.1
Kudingeka ukuphuculwa: 0.1 — 0.25
Kubi: Ngaphezulu kwe-0.25

Izindlela ezi-10 Zokuhlela Ngokusebenza

1. Hlela Izithombe

Izithombe ngokuvamile yizimbangi ezinkulu. Sebenzisa amafomethi amasha afana ne-WebP noma i-AVIF, anganciphisa usayizi wefayela ngo-30-50% ngaphandle kokulahlekelwa kwekhwalithi.

Nciphisa zonke izithombe ngaphambi kokulayisha
Sebenzisa loading="lazy" ezithombeni ezingabonakali lapho kuqala ukulayisha
Qinisekisa njalo width futhi height ukuze ugweme i-CLS
Sebenzisa izithombe eziphendulayo nge-srcset ukuze zifanele izindawo ezahlukene zesikrini

2. Nciphisa i-CSS ne-JavaScript

Susa ikhodi engasetshenziswa, izikhala, kanye nezimpambosi kumafayela akho e-CSS ne-JS. Amathuluzi amaningi okwakha enza lokhu ngokuzenzakalelayo, kodwa qinisekisa ukuthi kwenzeka empeleni ekukhiqizeni.

3. Vulela Ukuhlanganisa

Qinisekisa ukuthi iseva yakho ithumela amafayela ngokuqonda kwe-Gzip noma i-Brotli. Lokhu kunganciphisa usayizi wama-fayela ngama-70%.

4. Sebenzisa Ukugcinwa Kwejwebhu

Seta Cache-Control amahlamvu ukuze i-browser igcine amafayela esikhashana (CSS, JS, izithombe) endaweni. Esikhathini esizayo umsebenzisi evakashela, lawa mafayela awadingi ukul downloaded kanti.

5. Nciphisa Isikhathi Sokuphendula Kwe-Server

Isikhathi sokuphendula kweseva yakho (Isikhathi sokuqala se-Byte, TTFB) kufanele sibe ngaphansi kwe-200ms. Izixazululo:

Sebenzisa umhlinzeki we-hosting osheshayo
Vulela ukugcina kuseva
Hlela izicelo ze-database
Sebenzisa i-CDN ukuze ulethe amafayela esikhashana kusuka kumaseva asondelene nomsebenzisi

6. Defer Non-Critical JavaScript

I-JavaScript engadingeki kuqala kufanele ilayishwe ngokungahambisani nge-async noma defer. Lokhu ngokuvamile kufaka phakathi ukuhlola, izikhangiso zengxoxo, kanye nezinkomba zezenhlalo.

7. Preload Critical Resources

Sebenzisa ukuze uthole amafonti, i-CSS, nezithombe ezidingekayo ukuze uthole umbono wokuqala. Lokhu kuzokhulisa i-browser ukubeka la mafayela phambili.

8. Susa Izinsizakusebenza Ezivimbela Ukubukeka

I-CSS ne-JavaScript ku- ivimba ukwakhiwa kwekhasi. Rhuqa i-CSS engabalulekile ezansi, bese udala i-CSS edingekayo ukuze uthole umbono wokuqala (i-CSS ebalulekile).

9. Sebenzisa i-CDN

Inethiwekhi Yokulethwa Kwamafayela iyakuhambisa amafayela akho kumaseva emhlabeni jikelele. Abasebenzisi bdownloadi kumaseva asondelene, okunciphisa isikhathi sokulinda kakhulu.

10. Hlela Amafonti eWebhu

Amafonti okwenziwa kungenza ukuveza kombhalo kube sekuphuthumeni:

Sebenzisa font-display: swap ukuze umbhalo ubonakale ngefonti yokushintsha ngenkathi ifonti eyenziwe ilayisha
Hlela amafonti akho ukuze ahlale kuphela kumakhodi owasebenzisayo
Preload amafonti abalulekile kakhulu
Cabanga ngamafonti ezinhlelo ukuze uthole umbhalo

Ungawuhlola Ujube Njani

I-Google PageSpeed Insights

Ithuluzi elisemthethweni kuGoogle. Linikeza idatha ye-lab (eyenziwe) kanye nedatha ye-field (abasebenzisi bangempela) kanye neziphakamiso zokuthuthukisa ezicacile.

Chrome DevTools

Vula i-DevTools (F12), uye ku "Performance" panel bese uqopha ukulayishwa kwekhasi. Ungabona kahle ukuthi yini ethatha isikhathi nokuthi izinhlaka zomkhiqizo zilandela kanjani.

WebPageTest

Ithuluzi elithuthukile lokuhlola elikuvumela ukuthi uhlola kusuka ezindaweni ezahlukene nasemazinga oxhumo. Linikeza imibono ebanzi yokuhamba.

Ukuhlela — Qala Lapha

Uma udingeka ukukhetha ezintathu okufanele ugxile kuzo:

Izithombe — Nciphisa futhi uguqule ku-WebP. Umphumela omkhulu ngom esfuerzo omncane.
Ukugcina — Seta amahlamvu afanele e-Cache-Control. Ukusetha okukodwa.
JavaScript — Defer konke okungabalulekile. Nciphisa ama-skripthi angaphandle.

Ufuna ukwazi kahle ukuthi iwebhusayithi yakho ikhiqiza kanjani? Qhuba i-audit yamahhala ukuze ubone ama-Core Web Vitals akho nokuhlonza kwamaphuzu.