Phepo ya PageSpeed — Bontsha Sebaka sa gago ka Potlako mo 2026

Ke Eng se Lebelo e le Setlhopho

Google e netefalitse gore lebelo la mapeji le ama diphetho. Mapeji a borai a kgoreletsa basebelisi, mme Google e batla go fa ts experience e e molemo. Data e e tswang go Google e bontsha dikgono tsa basebelisi go tlogela mapeji di oketsega ka 32% fa nako ya go load e ya go tswa ka 1 go ya go 3 metsotso.

Empa, ke go feta go amanang le diphetho. Lebelo le ama go diragatsa ga gago:

Conversions — Nako e nngwe le e nngwe e e oketsegileng ya go load e fokotseletsa conversions ka go ya go 7%
Bounce rate — 53% ya basebelisi ba mo mobile ba tlogela lepage e e ngwang go feta 3 metsotso go load
User experience — Mapeji a potlako a ikutlwa a amanang le borai le ditlhopho

Core Web Vitals — Metric ya Lebelo ya Google

Google e lefa lebelo ka metrics tse tharo tsaka Core Web Vitals:

LCP — Largest Contentful Paint

E lefa go bonwa ga se elemento se segolo se se amanang (ka nakwana sene se se amanang kgotsa heading) se fetile go load.

Go Siame: Ka tlase ga 2.5 metsotso
Go Seke: 2.5 — 4.0 metsotso
Go Bolele: Go feta 4.0 metsotso

INP — Interaction to Next Paint

E lefa kemo ya go bonwa ka potlako fa basebelisi ba ama (ka go tlhopha, go kwala, go phalla).

Go Siame: Ka tlase ga 200ms
Go Seke: 200 — 500ms
Go Bolele: Go feta 500ms

CLS — Cumulative Layout Shift

E lefa go kgethegwa ga layout mo nakong ya go load. O a itse maikutlo — o batla go tlhopha sengwe, empa ka tlhoeo maetlheng a fetoga mme o ama se sengwe.

Go Siame: Ka tlase ga 0.1
Go Seke: 0.1 — 0.25
Go Bolele: Go feta 0.25

10 Melemo ya Optimization e e Bonalang

1. Tokafatsa Ditiro

Ditiro di amanang le go le kgethegela go kgethegela. Dirisa mekgwa e modireng jaaka WebP kgotsa AVIF, e e kgethegileng go fokotsa boholo jwa faele ka 30-50% ntle le go fokotsa boleng.

Tsweletsa ditiro tsotlhe pele ga go ntsha
Dirisa loading="lazy" mo dinthong tse di sa bonwe mo go ntsha
Nna le width le height go thibela CLS
Dirisa ditiro tsa boatlhware jwa bagweti le srcset go amanang le discreen tse di farologaneng

2. Minify CSS le JavaScript

Tlhoka kgoto ya code e e sa dirisiwang, boikhutso, le dikamano mo faeleng ya gago ya CSS le JS. Ditsela tse dingwe di dira se ka boitshwaro, empa netefatsa gore se se diragala mo tirong.

3. Kgetsi Compression

Netefatsa gore server ya gago e romela faele ka Gzip kgotsa Brotli compression. Se se ka fokotsa boholo jwa faele ka go ya go 70%.

4. Dirisa Browser Caching

Seta Cache-Control headers e e dirang gore browser e boloke faele tse di amanang (CSS, JS, ditiro) mo lefelong. Nako e e latelang fa basebelisi ba etela, ditiro tse di sitwame go romelwa gape.

5. Fokotsa Nako ya Karabelo ya Server

Nako ya karabelo ya server ya gago (Time to First Byte, TTFB) e swanetse go nna ka tlase ga 200ms. Melemo:

Dirisa moemedi wa borai o potlako
Enable server-side caching
Tokafatsa diphetho tsa database
Dirisa CDN go romela faele tse di amanang go tswa mo servereng se se kgethegileng

6. Defer Non-Critical JavaScript

JavaScript e e sa amanang le ponelo ya ntlha e tshwanetse go load asynchronously ka async kgotsa defer. Se ka nakwana se akaretsa analytics, chat widgets, le social media embeds.

7. Preload Critical Resources

Dirisa bakeng sa dipontsho, CSS, le ditiro tse di amanang le ponelo ya ntlha. Se se fa browser temogo ya go lefa dipontsho tse.

8. Tsweletsa Resources tse di Blocking Rendering

CSS le JavaScript mo di thibela go bopa lepage. Tsweletsa CSS e e sa amanang le go e suthumetse mo tlase, le inline CSS e amanang le ponelo ya ntlha (critical CSS).

9. Dirisa CDN

Network ya Content Delivery e fa ditiro tseo di romelwa mo servereng mo lefatsheng lotlhe. Basebelisi ba romela go tswa mo server ya kgethegileng, go fokotsa kgetherwa go kgethegileng.

10. Tokafatsa Web Fonts

Ditswaro tse di amanang di ka sitisa go bontsha matlhagatlhaga:

Dirisa font-display: swap go bontsha matlhagatlhaga ka font ya fallback fa font ya gago ya setswana e ntse e load
Fokotsa ditiro ya gago go ditlhopha tse o di dirisang fela
Preload ditiro tse di amanang le matlhagatlhaga
Akanya ditiro tsa sistemu bakeng sa temoso ya mmele

Tsela ya go Lekanya Lebelo la gago

Google PageSpeed Insights

Sesana se se amanang le Google. Se fa tshedimosetso ka bobedi ka data ya lab (se e amanang) le data ya field (basebelisi ba nnete) le mekgwa e amanang le go boloka.

Chrome DevTools

Bua DevTools (F12), yenda go "Performance" panel le go rekota lepage le ngwaga. O ka bontsha eng e amanang le nako le mo go phala faele di load.

WebPageTest

Sesana se se amanang le ditlhopho se se letlelang go lefa go tswa mo mekgweng e e farologaneng le mekgwa ya kgethegileng. Se se fa mekgwa e amanang le dikgato.

Boikgethelo — Simolola Fela

Fa o tlhokega go kgetha dilo tse tharo go amanang le:

Ditiro — Tsweletsa le go fetola go WebP. Kgolo go tenenya le go le fapafapana.
Caching — Seta headers e amanang le Cache-Control. Setup se se le kgethegileng.
JavaScript — Defer sengwe se se sa amanang. Fokotsa scripts tse di amanang le borai.

O batla go itse ka tsela e e amanang? Bua audit ya mahala le go bona Core Web Vitals le lebelo la gago.