Ts'ebetso ea PageSpeed — Etsa hore Webosaete ea Hao e Potlake ho 2026

Hobaneng ha Lebelo e le Ntho e Khethang

Google e netefalitse hore lebelo la leqephe le ama maemo. Mebala e letsang e vitšha bamameli, 'me Google e batla ho fa boiphihlelo bo molemo ka ho fetisisa. Litlhahlobo tse tsoang ho Google li bontša hore monyetla oa moameli ho tloha leqephe o eketseha ka 32% ha nako ea ho lula e tloha ho metsotsoana e 1 ho ea ho 3.

Empa ha se feela ka maemo. Lebelo le ama ka kotloloho moruo oa hao:

Litatso — Nako e ngoe le e ngoe e eketsehileng ea ho lula e fokotsa litatso ka ho fihlela ho 7%
Bounce rate — 53% ea basebelisi ba mobile ba tloha leqepheng le nkang nako e fetang metsotsoana e 3 ho yük
Boiphihlelo ba mosebelisi — Mebala e potlakileng e ikutloa e le litsebi le tse nyahamang

Core Web Vitals — Litlhaloso tsa Lebelo la Google

Google e lekanyetsa lebelo ka har'a liphetho tse tharo tsa Core Web Vitals:

LCP — Largest Contentful Paint

E lekanya ha sehlopha se seholo se bonahalang (hangata setšoantšo kapa sehlooho) se fihlile.

E ntle: Tlasa metsotsoana e 2.5
E hloka ntlafatso: 2.5 — 4.0 metsotsoana
E mpe: Ho feta 4.0 metsotsoana

INP — Interaction to Next Paint

E lekanya hore na leqephe le arabela ka potlako hakae ha mosebelisi a kenya letsoho (ho tobetsa, ho ngolla, ho apola).

E ntle: Tlasa 200ms
E hloka ntlafatso: 200 — 500ms
E mpe: Ho feta 500ms

CLS — Cumulative Layout Shift

E lekanya hore na ho potoloha ho etsa liphetoho tse kholo hakae nakong ea ho lula. U tseba maikutlo — u batla ho tobetsa ntho e 'ngoe, empa hang-hang litlhaku li fetoha 'me u tobetsa ntho e 'ngoe.

E ntle: Tlasa 0.1
E hloka ntlafatso: 0.1 — 0.25
E mpe: Ho feta 0.25

10 Mophatlalatsi e Matla ea Ntlafatso

1. Ntlafatsa Litšoantšo

Litšoantšo hangata ke sesosa se seholo. Sebelisa mekoallo e mecha joalo ka WebP kapa AVIF, e ka fokotsang boholo ba faele ka 30-50% ntle le ho lahleheloa ke boleng bo bonahalang.

Fokotsa litšoantšo tsohle pele u li phalla
Sebelisa loading="lazy" ho litšoantšo tse sa bonahalang nakong ea ho qala
Kamehla ela hloko width le height ho qoba CLS
Sebelisa litšoantšo tse amanang le srcset bakeng sa boholo ba skrin

2. Minify CSS le JavaScript

Supa khoutu e sa sebelisoeng, sebaka sa moea, le litlhaku ho tloha ho CSS le JS faele. Lihlooho tse ngata tse khonang ho etsa hore se etsoe ka boiketsetso, empa netefatsa hore se etsahala ka sebele.

3. Fa Fokotso

Netefatsa hore server ea hau e romela lifaele ka Gzip kapa Brotli compression. Sena se ka fokotsa boholo ba lifaele ho fihlela ho 70%.

4. Sebelisa Browser Caching

Seta Cache-Control lihekthere hore browser e boloke lifaele tse sa fetoheng (CSS, JS, litšoantšo) sebakeng sa heno. Ha mosebelisi a etela hape, lifaele tsena ha lia lokela ho jarisoa hape.

5. Fokotsa Nako ea Karabelo ea Server

Nako ea karabelo ea server ea hau (Nako ho Byte ea Pele, TTFB) e lokela ho ba tlasa 200ms. Mehlala:

Sebelisa mofani oa maemo a phahameng
E-na le caching ka lehlabuleng
Ntlafatsa lipotso tsa database
Sebelisa CDN ho fa lifaele tse sa fetoheng ho tloha ho bahlahisi ba haufi le mosebelisi

6. Tšoara JavaScript e Sa Khethiloeng

JavaScript e sa hlokeng bakeng sa ponelopele ea pele e lokela ho lula ka mokhoa o sa amaneng le async kapa defer. Sena hangata se kenyelletsa analytics, widget tsa puisano, le li-embed tsa marang-rang a sechaba.

7. Preload Mesebetsi ea bohlokoa

Sebelisa bakeng sa lifonti, CSS, le litšoantšo tse hlokahalang bakeng sa pono ea pele. Sena se bolella browser ho amohela lifaele tsena.

8. Tlosang Mesebetsi e Thibletseng ho Render

CSS le JavaScript ho li thibela ho bontša leqephe. Fokotsa CSS e sa hlokahaleng ho e tlase, 'me inline CSS e hlokahalang bakeng sa pono ea pele (CSS e bohlokoa).

9. Sebelisa CDN

Network ea Phethahatso ea Content e fana ka lifaele tse sa fetoheng ho server lefatšeng ka bophara. Basebelisi ba jarisoa ho tsoa ho server e haufi, fokotsa latency haholo.

10. Ntlafatsa Lifonti tsa Marang-rang

Lifonti tse ikhethileng li ka sitisa ho bontša litlhaku:

Sebelisa font-display: swap hore litlhaku li bonahale ka font e tloaelehileng ha font e ikhethileng e ntse e lula
Khetha lifonti tsa hau ho latela litlhaku tseo u li sebelisang
Preload lifonti tse bohlokoa ka ho fetisisa
Nahana ka lifonti tse tsamaisang bakeng sa litlhaku tsa 'mele

Ho Tlhahlobo ea Lebelo la Hao

Google PageSpeed Insights

Sesebelisoa se semmuso ho tsoa ho Google. E fa litlhahlobo ka bobeli (simulated) le lintlha tsa 'nete (basebelisi ba nnete) hammoho le lits'ebeletso tsa ho ntlafatsa.

Chrome DevTools

Bula DevTools (F12), ea le ho panel ea "Performance" 'me u laole ho lula ha leqephe. U ka bona hore na ke eng e takang nako le hore na lifaele li lula mokhoa ofe.

WebPageTest

Sesebelisoa se phahameng se u nutse ho leka ho tloha libakeng tse fapaneng le lebelo la khokahano. E fana ka litšoantšo tse qaqileng tsa waterfall.

Tlhophiso — Qala Mona

Haeba u hloka ho khetha lintho tse tharo ho tsepamisa maikutlo:

Litšoantšo — Fokotsa le fetola ho WebP. Phello e kholo ka effort e fokolang.
Caching — Sete lihekthere tse nepahetseng tsa Cache-Control. Setepondho sa nako e le 'ngoe.
JavaScript — Tšoara tsohle tse sa khethsoeng. Fokotsa liphetho tse tšoanang.

U batla ho tseba hantle hore na sebaka sa hau se sebetsa joang? Phetisetsoa audit ea mahala 'me u bone Core Web Vitals le lebelo la hau.