Te whakapai i te PageSpeed — Tīmatahia tō paetukutuku ki te tere i te 2026

He aha te tere he mea mō ngā whakaritenga

Kua whakapumautia e Google kei te pā te tere whārangi ki ngā whakaritenga. Ka pōrarutanga ngā whārangi kāore e tere, ā, e hiahia ana a Google ki te tuku i te wheako pai. E whakaatu ana ngā raraunga mai i Google ka piki te mōrea ka wehe atu te kaiwhakamahi i te 32% ina ka neke te wā uta mai i te 1 ki te 3 hēkona.

Engari, kāore e pā ana ki ngā whakaritenga anake. E pā ana te tere ki tō pakihi:

Ngā huringa — Ko ia hēkona tāpiri o te wā uta ka whakaiti i ngā huringa ki te 7%
Te tūponotanga peka — 53% o ngā kaiwhakamahi pūkoro ka wehe i te whārangi e teitei ana i te 3 hēkona te wā uta
Te wheako o te kaiwhakamahi — E māhorahora ana ngā whārangi tere me te noho pono

Ngā Kōrero Matua o te Paetukutuku — Ngā Mētara Tere a Google

Ka ineina e Google te tere mā ngā mētara e toru o ngā Kōrero Matua o te Paetukutuku:

LCP — Te Pātea Nui o ngā Ihirangi

Ka ineina te wā ka mutu te uta o te āheinga nui e kitea ana (i te nuinga he whakaahua, he upoko).

Pai: I raro i te 2.5 hēkona
Me whakapai: 2.5 — 4.0 hēkona
Mōhio: I roto i te 4.0 hēkona

INP — Te Whaiwhai ki te Paint ki te Pātahi

Ka ineina te tere ka whakahoki te whārangi ina ka tīpako te kaiwhakamahi (pa, kāri, huri).

Pai: I raro i te 200ms
Me whakapai: 200 — 500ms
Mōhio: I roto i te 500ms

CLS — Te Neke Hoko Tūtohu

Ka ineina te nui o te nekeneke i te wā o te uta. Ka mōhio koe ki te kaingaki — e hiahia ana koe ki te pā ki tētahi mea, engari kāore e hūria te ihirangi ā, e pā ana ki tētahi atu.

Pai: I raro i te 0.1
Me whakapai: 0.1 — 0.25
Mōhio: I roto i te 0.25

10 Nga Tūtohinga Whakapai Tūtohu

1. Whakapai i ngā Whakaahua

Ko ngā whakaahua te nuinga o ngā mea kino. Whakamahia ngā whakaritenga hou pēnei i te WebP, te AVIF hoki, ka taea te whakaiti i te rahi kōnae ki te 30-50% kāore e hiahiatia te kounga.

Tahi ngā whakaahua katoa i mua i te uta
Whakamahia te loading="lazy" i ngā whakaahua kāore e kitea ana i te uta tuatahi
Me tohu tonu te width me te height hei karo i te CLS
Whakamahia ngā whakaahua tāpiri me te srcset mō ngā rahi mātaki rerekē

2. Whakahē i te CSS me te JavaScript

Tangohia ngā kōwae kāore e whakamahia, te mokopuna, me ngā kōrero i āu CSS me JS kōnae. He nuinga o ngā taputapu hanga ka mahi i tēnei i te wā e mahi ana, engari tirohia kei te pono tēnei i te whakaputa.

3. Kōwhiria te Whakangawari

Kia mōhio ko tāu tūmau te tuku kōnae me te Gzip, te Brotli hoki. Ka taea e tēnei te whakaiti i ngā rahi kōnae ki te 70%.

4. Whakamahia te Pūhiko Tere

Whakahaerehia ngā Cache-Control kāhua kia mau te tirohanga i ngā kōnae pūkahi (CSS, JS, whakaahua) ki te kāinga. I te taime e hoki mai ana te kaiwhakamahi, kāore e hiahiatia te uta anō i ēnei kōnae.

5. Whakaitihia te Wā Whakahoki a te Tūmau

Ko te wā whakahoki a tō tūmau (Wā ki te Pātea Tuatahi, TTFB) me noho i raro i te 200ms. Ngā rongoā:

Whakamahia he kaiwhakarato pātea tere
Kōwhiria te tepu pūhiko i te taha tūmau
Whakahōutia ngā tono pātai
Whakamahia he CDN ki te tuku kōnae pūkahi mai i ngā tūmau tata ki te kaiwhakamahi

6. Tūpato te JavaScript kāore e hiahiatia

Ko te JavaScript kāore e hiahiatia mō te tirohanga tuatahi me hua whakatū i runga i async ratau defer. Ka whakakotahi tēnei i ngā tāutu paetukutuku, ngā taputapu kōrero, me ngā whakaurunga pānuitanga pāpori.

7. Preload i ngā Rauemi Kākahu

Whakamahia te mō ngā pūtaiao, CSS, me ngā whakaahua e hiahiatia ana mō te tirohanga tuatahi. Ka tuku tēnei i te pūtirotiro ki te whakahirahia ēnei kōnae.

8. Tango i ngā Rauemi Ka Taki te Tūranga

Ka tango te CSS me JavaScript i te mai i te hianga whārangi. Ka taea te whakamaumahara i te CSS kāore e hiahiatia ki te pito i raro, ā, tango i te CSS e hiahiatia ana mō te tirohanga tuatahi (CSS kāore e hiahiatia).

9. Whakamahia he CDN

He wāhi Tūmau Koha whānuitanga i tuku i āu kōnae ki ngā tūmau puta noa i te ao. Ka whakawhiti ngā kaiwhakamahi mai i te tūmau tata, kāore e peia te teitei.

10. Whakapai i ngā Pūtaiao Paetukutuku

Ka taea e ngā pūtaiao takitahi te whakawhiti i te whakaaturanga o te kuputuhi:

Whakamahia te font-display: swap hei whakaatu i te kuputuhi me te puata kōtahi i te wā e utaina ana te pūtaiao takitahi
Whakaritehia ngā pūtaiao ki ngā tohu anake e whakamahia ana
Preload i ngā pūtaiao tino nui
E whakaaro ana ki ngā pūtaiao pūnaha mō te kuputuhi tinana

Me pēhea te whakamātautau i tō tere

Google PageSpeed Insights

Te taputapu rasmi mai i Google. Ka tuku i ngā raraunga rūma (simulated) me ngā raraunga whānau (whānau pono) i ngā tūtohu whakapai i te hua.

Chrome DevTools

Tīmatahia te DevTools (F12), haere ki te pākaha "Performance" ā, tuhi i tētahi uta whārangi. Ka taea e koe te kite i nānā te wā me te tūtohu i ngā kōnae.

WebPageTest

He taputapu whakamātautau Matua e tuku ana i te whakamātau mai i ngā wāhi rerekē me ngā tere hononga. Ka tuku i ngā whakaahua paiakeka rerekē.

Te Rahi — Timata Anei

Mēnā e hiahia ana koe ki te kōwhiri i ngā mea e toru hei arotahi:

Whakaahua — Rahi ki te WebP. Te pānga nui ki te iti rawa o te kaha.
Tīma pūhiko — Whakaritehia ngā kāhua Cache-Control tika. He mea kotahi.
JavaScript — Tūpato i ngā mea kāore e hiahiatia. Whakahekenga i ngā rārangi tuhinga katoa.

E hiahia ana koe ki te mōhio he pēhea te pānga o tō pae? Tīmatahia he tautuhinga kore utu ā, tirohia ngā Kāhua Matua o te Paetukutuku me te tatau tere.