Kukhazikitsa PageSpeed — Perekani Webusayiti Yanu Mwafupikitsa mu 2026
Chifukwa Chake Kukhazikitsa Ndi Chinthu Chofunika
Google yasankhidwa kuti kuchita mwachangu kumakhudza mndandanda. Mapage omwe akuchita mwachangu amagwiritsidwa ntchito ndi ogwiritsa ntchito, ndipo Google ikufuna kupereka zabwino zomwe zili bwino. Zidziwitso kuchokera ku Google zikuwonetsa kuti mwayi wa ogwiritsa ntchito kusiya tsamba umakwera ndi 32% pamene nthawi yopangira idasandukira kuchokera pa 1 mpaka 3 mphindi.
Koma si za mndandanda chabe. Kuchita mwachangu kumakhudza bwino momwe mukuyendera:
- Kugulitsa — Tsiku lililonse la nthawi yopangira kumachepetsa kugulitsa mpaka 7%
- Bounce rate — 53% ya ogwiritsa ntchito ma cell phone akusiya tsamba lomwe limatenga nthawi yayitali kuposa 3 mphindi kuti lipange
- Chidziwitso cha ogwiritsa — Mapage achangu amawonekera ngati apamwamba komanso odalirika
Zinthu Zofunika za Web — Ma Metrics a Kukhazikitsa a Google
Google imatsimikizira kuchita mwachangu kudzera pa ma metrics atatu a Core Web Vitals:
LCP — Largest Contentful Paint
Imayesera pomwe chinthu chachikulu chomwe chitha kuonekera (pakali pano chithunzi kapena mutu) chidzamaliza kupangidwa.
- Bwino: Pansi pa 2.5 mphindi
- Kufunikira kukonzanso: 2.5 — 4.0 mphindi
- Kuyipa: Kuposa 4.0 mphindi
INP — Interaction to Next Paint
Imayesera momwe tsamba limatengera mwachangu pamene ogwiritsa ntchito akugwira ntchito (kudina, kulemba, kutembenuka).
- Bwino: Pansi pa 200ms
- Kufunikira kukonzanso: 200 — 500ms
- Kuyipa: Kuposa 500ms
CLS — Cumulative Layout Shift
Imayesera momwe khongwa limasinthira pamene likupanga. Mukuziwa momwe zimakhala — mukufuna kudina chinthu, koma mwatchulidwe zotsatirapo zimasanduka ndipo mukugwetsa china.
- Bwino: Pansi pa 0.1
- Kufunikira kukonzanso: 0.1 — 0.25
- Kuyipa: Kuposa 0.25
Njira 10 Zokhazikitsa Mwachangu
1. Kukhazikitsa Zithunzi
Zithunzi nthawi zambiri zimakhala zovuta kwambiri. Gwiritsani ntchito ma format aposachedwa monga WebP kapena AVIF, zomwe zingathe kuchotsa mbali ya fayilo ndi 30-50% popanda kupereka khalidwe lofunika.
- Dziphunzire zithunzi zonse musanatumize
- Gwiritsani ntchito
loading="lazy"pazithunzi zomwe sizikuwoneka pachiyambi - Khalani nthawi zonse kupereka
widthndiheightkuti muchepetse CLS - Gwiritsani ntchito zithunzi zokhazikika ndi
srcsetpazifukwa zosiyanasiyana
2. Minify CSS ndi JavaScript
Chotsani kode zomwe sizigwiritsidwe ntchito, kusiyana, komanso ma ndemanga kuchokera ku ma fayilo anu a CSS ndi JS. Ma zida ambiri a mapangidwe amachita izi mwachangu, koma onetsetsani kuti izi zikuchitika mu makampani.
3. Yambitsani Compression
Onetsetsani kuti seva yanu imatumiza ma fayilo ndi Gzip kapena Brotli compression. Izi zingathe kuchotsa mbali za fayilo ndi mpaka 70%.
4. Gwiritsani Ntchito Browser Caching
Setani Cache-Control ma header kuti browser igwiritse ntchito ma fayilo apamwamba (CSS, JS, zithunzi) mwachindunji. Nthawi ina ogwiritsa ntchito akabwera, ma fayilo awa alibe chisankho choti asakhazikitsidwe.
5. Kutchula Nthawi Y response ya Server
Nthawi yresponse ya seva yanu (Nthawi ku Byte yoyamba, TTFB) iyenera kukhala pansi pa 200ms. Solutions:
- Gwiritsani ntchito wopanga malo ophweka
- Yambitsani server-side caching
- Kukhazikitsa kuyenera kwa database
- Gwiritsani ntchito CDN kuti mupereke ma fayilo apamwamba kuchokera ku ma seva ak close ku ogwiritsa ntchito
6. Kula Boma la JavaScript Yopanda Kufunika
JavaScript yomwe ikufunikira pakucheza koyamba iyenera kupangidwa mosasamala ndi async kapena defer. Izi nthawi zambiri zimaphatikizapo ndalama za analytics, ma widgets a mawu, ndi ma embed a masanjala.
7. Preload Zinthu Zofunika
Gwiritsani ntchito pazithunzi, CSS, ndi zithunzi zomwe zimafuneka pakucheza koyamba. Izi zikumvetsetsa browser kuti ikupatse ma fayilo awa m’mwamba.
8. Chotsani Zinthu Zomwe Zikupangitsa Kukhalapo Kwapampando
CSS ndi JavaScript mu zimakakamiza kukhalapo kwa tsamba. Tembenukirani ma CSS omwe alibe kufunika kumapeto, ndipo musamalakhulitse CSS yomwe ikufunika pa pakucheza koyamba (CSS yofunika).
9. Gwiritsani ntchito CDN
A Content Delivery Network imawonjezera ma fayilo anu pa ma seva padziko lonse. Ogwiritsa ntchito amatumiza kuchokera ku seva yapatali, kuchotsa nthawi yoperekera.
10. Kukhazikitsa Zithunzi za Web
Ma font apadera angakhalitse poyankha matanthauzo:
- Gwiritsani ntchito
font-display: swapkuti mawu aonekere ndi font yomwe idaperekedwa pamene font yapa ulendo ikupanga - Subset ma font anu kuti apereke zachidziwitso zomwe mukugwiritsa ntchito
- Preload ma fontofunika kwambiri
- Lingalirani ma font a dongosolo wa mawu
Momwe Mungayesere Kuchita Mwachangu
Google PageSpeed Insights
Chida chamakono kuchokera ku Google. Chikupatsani data ya labu (yoyesedwa) komanso data ya pakhoma (ogwiritsa antchito) pamodzi ndi malangizo ochepa ochepa.
Chrome DevTools
Yambitsani DevTools (F12), ide tsamba lokhala pamene "Performace" paneli ikugwira tsamba. Mungawone chomwe chili chovala chimene chimatenga nthawi ndi mu njira ipangidwa.
WebPageTest
Chida chowonjezereka choyesera chomwe chikumakuthandizani kuyedza kuchokera kumadera osiyanasiyana ndi kulumikizana kwaukadaulo. Ikupereka ndikuwonetsa mawonekedwe otchedwa.
Kukhazikitsa — Yamba Apa
Ngati mukufuna kusankha zinthu zitatu zoyang’ana:
- Zithunzi — Pindani ndikuchotsa ku WebP. Kuchita bwino kwambiri popanda kukhala ndi ntchito zambiri.
- Caching — Setani ma header a Cache-Control oyenera. Kukonza kamodzi.
- JavaScript — Kusaula zonse zomwe sizikufunika. Chepetsani ma scripts amkati.
Mukufuna kudziwa zowona zokhudza momwe tsamba lanu limachitira? Perekani kuyesa kwaulere ndikuwonera Zinthu Zofunika za Web ndi kuchulukana kwanu.