Fakamālohi ko e PageSpeed — Fakafokau ai ho'o Website ki he Faingamālie 'i he 2026
Ko e hā 'o e Lahi o e Faito
Na'e fakatokanga'i e Google ko e fakamālohi 'o e faito e toe mafai ke fakanonga. Ko e ngaahi itulua māmā e fasifekau atu e kau faingamālie, pea ko e mātanga 'o e Google ko e fehu'i ke fakahoko e ngaahi ngāue lelei. O e ngaahi fa'ahinga mai he Google, ko e soti pē ke he taha fakamatala e nofo ko e 32% kapau ke e lahi 'o e taimi ke fakafokau mai he 1 ki he 3 sekone.
Tiko e 'ikai, 'oku 'ikai ke fakafofonga pe ko e rankings. Ko e fakamālohi ke fai e māmā mo ho'o ngaahi 'atu:
- Fakafokau — Ko e sekone 'e toe lahi e taimi ke fakafokau e fakalelei ai e 7%
- He ha a e 'ālofa — 53% 'o e kau faingamālie mobile e nofo atu i he pukepuke 'oku 'ikai ko e 3 sekone ki he ta'u
- Faito ki he mafai — Ko e ngaahi itulua māmā e 'ha'a atu ko e ngāue pea mo e māmā
Core Web Vitals — Ko e ngaahi Mātanga fakamālohi ko e Google
Na'e faka'ehi'ehi e Google e fakamālohi 'i he faingamālie e tolu ko e Core Web Vitals:
LCP — Largest Contentful Paint
Na'e faka'ali'i e taimi 'o e mālohí ki he lahi e va'i (usually ko e ki'i whaka, he kaha).
- Mālohi: He 'ikai ke lahi 'a e 2.5 sekone
- Fakamālohi: 2.5 — 4.0 sekone
- Pau: He lahi 'a e 4.0 sekone
INP — Interaction to Next Paint
Na'e faka'ali'i e taimi 'o e pukepuke ke fakafokau kapau e faingamālie e fe'i (clicks, types, scrolls).
- Mālohi: He 'ikai ke lahi 'a e 200ms
- Fakamālohi: 200 — 500ms
- Pau: He lahi 'a e 500ms
CLS — Cumulative Layout Shift
Na'e faka'ali'i e 'i ai 'o e layout 'o e nofo i he taimi ke fakafokau. Oku 'i ai e 'ofefā - e fai/fai e ta'eka 'i he fakatupunga, ya 'i he fuofua e talanoa pea lahi atu kimu'a.
- Mālohi: He 'ikai ke lahi 'a e 0.1
- Fakamālohi: 0.1 — 0.25
- Pau: He lahi 'a e 0.25
10 Ngaahi Tokoni fakamālohi
1. Fakamālohi e Ki'i Whaka
Na'e fakamālohi ko e ki'i whaka ko e lahi 'o e tokoni. Uo 'o e ngaahi ki'i whaka kehe ko WebP pe AVIF, 'oku hiki e mafai ke ma'u e lahi 'o e ki'i faka'ata 'i he 30-50% 'i he kātoanga 'a e 'ilo.
- Faka'ali'i e ngaahi ki'i whaka kotoa pē kimu'a 'o e pheta
- Uo
loading="lazy"ki he ngaahi ki'i whaka 'oku 'ikai ko e visible kimu'a - Loto pē ke faka'ilala
widthmoheightke tāmate'i e CLS - Uo fa'aangai e ngaahi ki'i whaka mo e
srcsetki he ngaahi punuangasuka kehe
2. Minify e CSS mo JavaScript
Uo e fakamālohi e ngaahi code, e whitespace, mo e ngaahi fa'ahinga 'i ho'o 'a CSS mo JS. Ko e makes build ola ke tuku ai hifo, he'e go, 'o fakamālohi.
3. Fakafokau e Compression
Fakatoka ai ho'o server e tuku e ngaahi faile mo Gzip pe Brotli mo e compression. 'Oku koma e lahi 'o e faile ki he faingamālie 'o e 70%.
4. Uo e Browser Caching
Koi e Cache-Control headers ke hedai e browser ke ma'u e ngaahi faile māmā (CSS, JS, ki'i whaka) he kolo. Ko e taimi fo'ou ha nānau ko e user, ko e ngaue 'o e ngaahi faile e 'ikai ko e ma'u e to'onga fo'ou.
5. Kome e Taimi Response 'o e Server
Ko e taimi response 'o e server ko e 'a Taimi ki he Faile Mu'a, TTFB, e tatau ke 'i lalo 'o e 200ms. Ngaahi tu'unga:
- Uo 'o e fast hosting provider
- Uo e kau kāinga server
- Fakamālohi e database queries
- Uo e CDN ke tuku e ngaahi faile māmā mai he ngaahi server i he kolo
6. Defere e JavaScript 'oku 'ikai ko e Fakatongia
Ko e JavaScript 'oku 'ikai ko e 'i totonu ki he mau'u, e fekumi e auala fa'afetai mo async pe defer. 'Oku 'ikai ko e ngaahi me'akai 'i he analytics, chat widgets, mo e ngaahi social media embeds.
7. Preload e Ngāue Fakatokanga
Uo ki he fonts, CSS, mo e ngaahi ki'i whaka ko e toe talitali fā. Ko e me'a ke fakamālohi ki he browser ke ha'o e faile kotoa pē.
8. Tō e ngaahi Resource Render-Blocking
CSS mo e JavaScript i he ko e fakamālohi ki he rending e pukepuke. Move e CSS 'oku 'ikai ko e 'i totonu ki he lahi o e munau, mo e inline e CSS 'oku 'ikai ko e 'i totonu ki he totonu (CSS critical).
9. Uo e CDN
Ko e Content Delivery Network ko e fakamālohi e ngaahi faile i he ngaahi server ko e 'ā. Ko e 'ū e download mai he faile e ai 'a e e mau'u, 'oku liliu 'i ho'funga e konga.
10. Fakamālohi e Web Fonts
Ko e fonts 'oku fakamālohi e sikoniko 'oku ne tau e tono:
- Uo
font-display: swapke ke 'i ai e me'a ko e backup font kimu'a o e 'ilo - Fakamālohi e fathanga ko e font ki e ngaahi ki'i tafa'anga kehe
- Ko e fonts ko e mu'a tonga ki he active egai
- 'O 'ikai 'o ha'o e fonts o e typelib mo e 'aho 'i he mu'a
Ko e Hā ke Ngāue ai ho'o 'Oua
Google PageSpeed Insights
Ko e ngoue kehekehe mai he Google, na'e tuku mai. Fakahā 'e he folahi 'a e lab data (simulated) mo e field data (real users) mo e ngaahi tokoni faka'ofo.
Chrome DevTools
Tālholo e DevTools (F12), ki he "Performance" mo e fakamālohi e pukepuke ngaahi faito. Ke e ʻike e faingamālie 'a e taimi e toe ʻaunga pea ke ki he ngaahi step ki he lahi e fakamālohi.
WebPageTest
Ko e 'ui hā'ele ko e tokomaha 'oku 'īnaki e ma'u ko e 'akāupinitau; 'oku 'alu mai he ngaahi kolo ma'ae na'e ta'a. Fakahā eenarios 'o e faingamālie ngaahi diagrams hā'eli.
Kuo Fa'ipā — Fakatokanga 'Ine
Kapau ko e fie ma'u ke 'o hū ma'u e ngaahi funga e tolu:
- Ki'i Whaka — Faka'ali'i mo e ngaahi fākava. Ko e tu'unga maʻulalo ka 'oku 'ikai ke nāiloto.
- Caching — Tāpuni e ʻole ho Ce api e ngaahi
Cache-Control. Ko e me'angai e tuku e me'a. - JavaScript — Defere e ngaahi ngāue 'oku 'ikai ko e Fakatongia. Lahi e 'tahiko.
Fēfē ke 'oua e hū 'a e poneʻia e vaitaimo? Tūva e fakamālohi faka'ofa mo e 'ata ki ho'o Core Web Vitals mo e lāhui 'o e vaitaimo.