Ukuhlela Isivinini sePageSpeed — Yenza Iwebhusayithi yakho ibe Ashaye Kakhulu ngo-2026
Kungani Isivinini Singumfuziselo Wokubeka Izikhundla
IGoogle iqinisekisile ukuthi isiphethu se-page sithinta ukubekwa kwezikhiye. Amakhasi ashesha adambisa abasebenzisi, kanti iGoogle ifuna ukuhlinzeka ng 경험 efanele kakhulu. Idatha evela kuGoogle ikhombisa ukuthi amathuba okuthi umsebenzisi akhishwe akhuphuka ngo-32% uma isikhathi sokulayisha sishintsha sisuka kumasekhondi angu-1 kuye kumasekhondi angu-3.
Kodwa akukhona nje ngokubekwa kwezikhiye. Isivinini siphinde sithinte umphumela wakho:
- Ukuguqulwa — Sekhondi eyodwa eyengeziwe yokulayisha inciphisa ukuguqulwa ngempela ngaphezulu kuka-7%
- Izinga lokuphuma — Ama-53% abasebenzisi bamaphilisi bayashiya ikhasi elithatha isikhathi esingaphezulu kwemasekhondi angu-3 ukukhipha
- Imininingwane yomsebenzisi — Amakhasi ashesha azwakala ephrofeshinali futhi ethembekile
Ama-Core Web Vitals — Izilinganiso Zokusheshisa ze-Google
IGoogle ikala isitayela sokusheshisa ngezimetric ezintathu zama-Core Web Vitals:
LCP — I-Largest Contentful Paint
Ikala ukuthi kulandela nini umfanekiso omkhulu obonakalayo (ngokuvamile umfanekiso noma isihloko) usuphelile ukukhipha.
- Kuhle: Ngaphansi kwemasekhondi angu-2.5
- Kneeds improvement: Maphakathi kwemasekhondi angu-2.5 — 4.0
- Kubuhlungu: Ngaphezulu kwemasekhondi angu-4.0
INP — Ukuhlanganyela ku-Paint Elandelayo
Ikala ukuthi ikhasi iphendula kanjani ngokushesha uma umsebenzisi ephumelela (clika, bhala, skrola).
- Kuhle: Ngaphansi kwe-200ms
- Kneeds improvement: 200 — 500ms
- Kubuhlungu: Ngaphezulu kwe-500ms
CLS — Ukuhamba Kwezinhlelo Ezincibilikayo
Ikala ukuthi kuhleleka kanjani isikhala ngesikhathi sokulayisha. Uwujwayele lo muzwa — ufuna ukucindezela into ethile, kodwa ngokuphazima kweso umqondo uhamba futhi udlala kwelinye into.
- Kuhle: Ngaphansi kwe-0.1
- Kneeds improvement: 0.1 — 0.25
- Kubuhlungu: Ngaphezulu kwe-0.25
Izeluleko ezi-10 Zokuhlela Ngempela
1. Hlela Izithombe
Izithombe ngokuvamile ziwuqinisekiso olukhulu. Sebenzisa amafomethi amasha afana ne-WebP noma i-AVIF, anganciphisa usayizi wefayela nge-30-50% ngaphandle kokulahlekelwa kwekhwalithi.
- Nciphisa zonke izithombe ngaphambi kokulayisha
- Sebenzisa
loading="lazy"ezithombeni ezingabonakali ngesikhathi sokuqala sokulayisha - Qinisekisa njalo
widthkanyeheightukuze ugweme i-CLS - Sebenzisa izithombe eziphendulayo ezine-
srcsetzezindaba ezahlukene
2. Hlanza i-CSS ne-JavaScript
Susa ikhodi engasetshenziswanga, isikhala, nezincazelo kumafayela akho e-CSS ne-JS. Izinsiza eziningi zokwakha zenziwa ngokuzenzakalelayo, kodwa qinisekisa ukuthi lokhu kwenzeka ngempela ekukhiqizeni.
3. Vumela Ukuhlanganiswa
Qinisekisa ukuthi iseva yakho ithumela amafayela nge-Gzip noma i-Brotli compression. Lokhu kunganciphisa usayizi wejubane ngaphezu kuka-70%.
4. Sebenzisa Ukuvuselelwa kweBhrawuza
Seta okokusebenza kwe-Cache-Control ukuze ibhrawuza igcine amafayela angaguquki (CSS, JS, izithombe) endaweni. Uma umsebenzisi evakashela njalo, lawa mafayela awadingeki ukuthi alayishwe kabusha.
5. Nciphisa Isikhathi Sokuphendula Kwe-Server
Isikhathi sokuphendula se-server yakho (Isikhathi sokuqala sokuthola, TTFB) kufanele sibe ngaphansi kwe-200ms. Izisombululo:
- Sebenzisa umhlinzeki we-hosting osheshayo
- Vula ukuvuselelwa kwe-server
- Hlela imibuzo ye-database
- Sebenzisa i-CDN ukuze ulethe amafayela angaguquki kusuka kumaseva asondele kumsebenzisi
6. Phansula i-JavaScript Engabazweni
I-JavaScript engadingeki emibonweni yokuqala kufanele ilayishwe ngokuphazima kwemiphumela nge-async noma defer. Lokhu kuvamise ukuba kubandakanye izibalo, ama-chats, kanye nezinto zokuxhumana.
7. Preload Izinsiza Eziyinhloko
Sebenzisa yamafonti, CSS, nezithombe ezidingekayo underwriting ukuba. Lokhu kukhombisa ibhrawuza ukuthi ibeke la mafayela phambili.
8. Susa Izinsiza Ezihamba Kwegeqi
I-CSS ne-JavaScript ku- kubhatalela ukwakheka kwekhasi. Bhala ama-CSS angabalulekile ezansi, bese uzihlanganisa i-CSS edingekayo emibonweni yokuqala (i-critical CSS).
9. Sebenzisa i-CDN
I-Content Delivery Network ikhipha amafayela akho kumaseva emhlabeni wonke. Abasebenzisi balayisha kusuka kusayithi eliseduze, kunciphisa isikhathi sokuphendula.
10. Hlela Amaphutha e-Web
Amafonti e-custom angabambezela ukusabalalisa umbhalo:
- Sebenzisa
font-display: swapukuze umbhalo ubonakale ngefonti ye-backup ngesikhathi efika - Hlela amafonti akho kuzo zonke izimpawu ozisebenzisayo
- Preload amafonti abalulekile kakhulu
- Cabanga ngamafonti wesistimu yokubhala umbhalo
Ungayihlola Kanjani Isivinini Sakho
I-Google PageSpeed Insights
Ithuluzi elisemthethweni elivela kuGoogle. Likunikeza idatha yelabhorethri (isimiso) kanye nedatha yenkambu (abasebenzisi beqiniso) kanye neziphakamiso ezithile.
I-Chrome DevTools
Vula i-DevTools (F12), iya kumphakathi we- "Performance" bese urekhoda ukulayisha kwekhasi. Ungabona kahle ukuthi kwenzekani isikhathi nokuthi amafayela alayishwe ngani.
I-WebPageTest
Ithuluzi lokuhlola elithuthukisiwe elikuvumela ukuthi uhlolo kusuka ezindaweni ezahlukene nezinga lokuxhumana. Linikeza izithombe ezinemininingwane ye-waterfall.
Ukubeka Phambili — Qala Lapha
Uma udinga ukukhetha izinto ezintathu zokugxila:
- Izithombe — Nciphisa futhi uguqule u-WebP. Umthelela omkhulu ngomzamo omncane.
- Ukuvuselelwa — Setha kahle ama-header eCache-Control. Ukwenza kube kalula kwangaphambili.
- JavaScript — Phansula yonke into engabazwanga. Nciphisa izikripthi zangaphandle.
Ufuna ukwazi ukuthi iwebhusayithi yakho iwenza kanjani? Qhuba ukuhlola mahhala bese ubona ama-Core Web Vitals akho kanye nesikali sokushesha.