Fanatsarana ny PageSpeed — Ataovy haingana ny tranonkalanao amin'ny 2026

Nahoana ny Hafainganam-Pandeha no Zava-dehibe amin'ny Laharana

Nanaraka fanamafisana ny Google fa ny hafainganam-pandehan'ny pejy dia misy fiantraikany amin'ny laharana. Mampalahelo ny pejy miadana ho an'ny mpampiasa, ary te-hanome traikefa tsara indrindra ny Google. Ny angon-drakitra avy amin'ny Google dia mampiseho fa ny mety hisian'ny mpampiasa handao ny pejy dia mitombo 32% rehefa miova ny fotoana fanombohana avy amin'ny 1 hatramin'ny 3 segondra.

Saingy tsy noho ny laharana fotsiny izany. Ny hafainganam-pandeha dia mivantana miteraka fiantraikany amin'ny vokatra:

Fanaovana varotra — Ny segondra fanampiny rehetra amin'ny fotoana fakan-tahaka dia mampihena ny fanatanterahana varotra hatramin'ny 7%
Tahany handao — 53% amin'ireo mpampiasa finday no mandao pejy iray izay mitaky mihoatra ny 3 segondra hanombohana
Traikefa ho an’ny mpampiasa — Haingana ny pejy manome endrika matihanina sy azo antoka

Core Web Vitals — Ny Fanombanana ny Hafainganam-Pandehan'ny Google

Mizaha ny hafainganam-pandeha ny Google amin'ny alalan'ny metrika telo Core Web Vitals:

LCP — Largest Contentful Paint

Mametraka ny fotoana nahavitana ny lahatsoratra lehibe indrindra (matetika sary na lohateny) rehefa vita ny fakan-tahaka.

Tsara: Ambany 2.5 segondra
Mila fanatsarana: 2.5 — 4.0 segondra
Ratsy: Mihoatra ny 4.0 segondra

INP — Interaction to Next Paint

Mametraka ny hafainganam-pandeha n'y pejy raha misy ny fandraisana anjara amin'ny mpampiasa (tsindry, manoratra, manomboka mihetsiketsika).

Tsara: Ambany 200ms
Mila fanatsarana: 200 — 500ms
Ratsy: Mihoatra ny 500ms

CLS — Cumulative Layout Shift

Mametraka ny haben’ny fiovàna amin'ny famolavolana mandritra ny fakan-tahaka. Fantatrao ny fahatsapana — te-hitsindry zavatra ianao, fa tampoka ny atiny dia mihetsika ary mahazo zavatra hafa ianao.

Tsara: Ambany 0.1
Mila fanatsarana: 0.1 — 0.25
Ratsy: Mihoatra ny 0.25

Tolo-kevitra 10 momba ny Fanatsarana

1. Fanatsarana ny Sary

Matetika, ny sary no miteraka olana lehibe indrindra. Mampiasà endrika maoderina toy ny WebP na AVIF, izay afaka mampihena ny haben'ny rakitra 30-50% nefa tsy miteraka fatiantoka kalitao hita.

Avelao ho voaomana ny sary rehetra alohan'ny hamoahana
Mampiasà loading="lazy" amin'ny sary tsy hita amin'ny fametrahana voalohany
Ataovy azo antoka foana ny width sy height mba hisorohana CLS
Mampiasà sary mahazaka amin'ny srcset ho an'ny haben'ny efijery samihafa

2. Minify CSS sy JavaScript

Esory ny kaody tsy ampiasaina, ny habaka, ary ny komenty amin'ny rakitra CSS sy JS-nao. Ny ankamaroan'ny fitaovana mahandro dia manao an'ity ho azy, fa azonao atao ny manamarina fa mitranga tokoa izany amin'ny famokarana.

3. Avelao ny Compression

Azo antoka fa mandefa rakitra miaraka amin'ny Gzip na Brotli compression ny lohamilinao. Afaka mampihena ny haben'ny rakitra hatramin'ny 70% izany.

4. Mampiasà Browser Caching

Apetrakao ny lohateny Cache-Control mba hahafahan'ny navigateur mitahiry rakitra statika (CSS, JS, sary) ao an-toerana. Amin'ny fotoana manaraka hitsidika ny mpampiasa, tsy ilaina ny misintona indray ireo rakitra ireo.

5. Ahenao ny Fotoanan'ny Valin'ny Server

Ny fotoana valin'ny lohamilinao (Time to First Byte, TTFB) dia tokony ho ambany 200ms. Vahaolana:

Mampiasà mpamatsy tolotra haingana
Avelao ny caching amin'ny lafiny server
Ahitsio ny fangatahana tahiry
Mampiasà CDN mba hanompoana rakitra statika avy amin'ny lohamilina akaiky ny mpampiasa

6. Mampandeha ny JavaScript tsy ilaina

Ny JavaScript tsy ilaina amin'ny fijery voalohany dia tokony ho azo alefa tsy misy fetrany miaraka amin'ny async na defer. Matetika dia ahitana ny fanadihadiana, widgets resaka, sy ny embedding social media.

7. Preload ny loharano tena ilaina

Mampiasà ho an'ny fonts, CSS, ary sary ilaina amin'ny fijery voalohany. Mampahafantatra ny navigateur fa manan-danja ireo rakitra ireo.

8. Esory ny Loharano Manakana ny Fanomezana miaraka

Ny CSS sy JavaScript ao amin'ny dia manakana ny fanomezana pejy. Afaho ny CSS tsy ilaina any ambany, ary atomboy amin'ny CSS ilaina amin'ny fijery voalohany (CSS tena ilaina).

9. Mampiasà CDN

Ny Content Delivery Network dia mizarazara ny rakitrao amin'ny lohamilina manerana izao tontolo izao. Ny mpampiasa dia misintona amin'ny lohamilina akaiky indrindra, ka manampy betsaka amin'ny fampihenana ny fahatarana.

10. Fanatsarana ny Web Fonts

Ny fonts manokana dia mety hampiato ny fisehon'ny lahatsoratra:

Mampiasà font-display: swap ka ny lahatsoratra dia hiseho miaraka amin'ny font fallback mandritra ny fanombohan'ny font manokana
Esory ny fonts-nao ho an'ny tarehintsoratra izay ampiasainao ihany
Preload ny fonts tena ilaina indrindra
Diniho ny fonts rafitra ho an'ny lahatsoratra amin'ny vatana

Ahoana ny Fijery ny Hafainganam-Pandehanao

Google PageSpeed Insights

Ny fitaovana ofisialy avy amin'ny Google. Manome angona laboratoara (voasokajy) sy angona tena (mpampiasa tena) miaraka amin'ny soso-kevitra mazava momba ny fanatsarana.

Chrome DevTools

Sokafy ny DevTools (F12), mandehana any amin'ny "Performance" panel ary mandrakitra ny fakan-tahaka pejy. Azonao atao ny mahita tsara izay mandany fotoana sy ny filaharany amin'ny rakitra.

WebPageTest

Fitaovana fitsapana mandroso ahafahanao manao fitsapana avy amin'ny toerana sy ny haingana samihafa. Manome sarimihetsika detallé ny rano.

Fanomezana lanja — Atombohy eto

Raha mila misafidy zavatra telo hifantohana ianao:

Sary — Tsindrio ho voahodina ary avereno amin'ny WebP. Fiantraikany lehibe indrindra miaraka amin'ny ezaka faran'izay kely.
Caching — Apetraho ny lohateny Cache-Control mazava. Fametrahana indray mandeha.
JavaScript — Avelao ny tsy ilaina. Ahenao ny script ivelany.

Te-hahafantatra ny tena fandehan'ny tranonkalanao ve? Mandefasa fanadihadiana maimaim-poana ary zahao ny Core Web Vitals sy ny isa hafainganana anao.