Optimeiddio Cyflymder — Gwnewch eich Gwefan yn Gyflymach yn 2026

Pam Mae Cyflymder yn Ffactor Graddio

Mae Google wedi cadarnhau bod cyflymder tudalen yn effeithio ar raddfeydd. Mae tudalennau araf yn frwnt ar ddefnyddwyr, ac mae Google eisiau darparu'r profiad gorau posibl. Mae data gan Google yn dangos bod y tebygolrwydd i ddefnyddiwr adael yn cynyddu o 32% pan fydd amser llwytho'n symud o 1 i 3 eiliad.

Ond nid yw'n ymwneud dim ond â graddfeydd. Mae cyflymder yn effeithio'n uniongyrchol ar eich llinell waelod:

Trosiadau — Mae pob eiliad ychwanegol o amser llwytho yn lleihau trosiadau hyd at 7%
Cyfradd disgyn — Mae 53% o ddefnyddwyr symudol yn gadael tudalen sy'n cymryd mwy na 3 eiliad i lwytho
Profiad defnyddiwr — Mae tudalennau cyflym yn teimlo'n broffesiynol ac yn ddibynadwy

Prif Mân Ddata Gwe — Metrigau Cyflymder Google

Mae Google yn mesur cyflymder drwy dri metr Prif Mân Ddata Gwe:

LCP — Pwynt Mwyaf Cynnwys

Mae'n mesur pan fydd y elfen fwyaf weladwy (fel arfer delwedd neu benawd) wedi gorffen llwytho.

Da: Dan 2.5 eiliad
Mae angen gwelliant: 2.5 — 4.0 eiliadau
Drwg: Dros 4.0 eiliadau

INP — Rhyngweithio i'r Pwynt Nesaf

Mae'n mesur pa mor gyflym mae'r dudalen yn ymateb pan fydd y defnyddiwr yn rhyngweithio (clicio, teipio, sgrolio).

Da: Dan 200ms
Mae angen gwelliant: 200 — 500ms
Drwg: Dros 500ms

CLS — Symudiad LAYOUT Cyfunol

Mae'n mesur faint mae'r layout yn newid yn ystod llwytho. Gwyddoch y teimlad—mae angen i chi glicio ar rywbeth, ond yn sydyn mae'r cynnwys yn symud a rydych chi'n taro rhywbeth arall.

Da: Dan 0.1
Mae angen gwelliant: 0.1 — 0.25
Drwg: Dros 0.25

10 Cymhellion Optimeiddio Penodol

1. Optimeiddio Delweddau

Mae delweddau fel arfer yn y troseddwr mwyaf. Defnyddiwch fformatiau modern fel WebP neu AVIF, a all leihau maint ffeil gan 30-50% heb golli ansawdd gweledol.

Pwyswch i gywasgu pob delwedd cyn ei llwytho
Defnyddiwch loading="lazy" ar ddelweddau nad ydynt yn weladwy ar y llwythiad cychwynnol
Penderfynwch bob amser ar width a height i osgoi CLS
Defnyddiwch ddelweddau ymatebol gyda srcset ar gyfer maint sgrin gwahanol

2. Minifio CSS a JavaScript

Tynnwch god diangen, gwagiad, a chyfathrebu o'ch ffeiliau CSS a JS. Mae gan fwyafrif y offer adeiladu hyn yn awtomatig, ond gwiriwch ei fod yn digwydd mewn cynhyrchiant.

3. Gweithredu Cywasgu

Sicrhewch fod eich gweinydd yn anfon ffeiliau gyda chymorth cywasgu Gzip neu Brotli. Gall hyn leihau maint ffeiliau hyd at 70%.

4. Defnyddiwch Gwasgdrawiad Pori

Sefydlwgwch benawdau Cache-Control fel bod y porwr yn storio ffeiliau statig (CSS, JS, delweddau) yn lleol. Y tro nesaf y bydd y defnyddiwr yn ymweld, ni fydd angen i'r ffeiliau hyn gael eu llwytho eto.

5. Lleihau Amser Ymateb y Gweinydd

Dylai amser ymateb eich gweinydd (Amser i'r Ffeil Gyntaf, TTFB) fod dan 200ms. Atebion:

Defnyddiwch ddarparwr cynnal cyflym
Gweithredu gwasgdrawiad gweinydd
Optimeiddiwch ymholiadau database
Defnyddiwch CDN i wasanaethu ffeiliau statig o’r gweinydd sydd agosaf at y defnyddiwr

6. Loco Non-Cynradd JavaScript

Mae JavaScript sydd ddim angen ar gyfer y golygfa gychwynnol yn rhaid i'w lwytho yn osod yn gydamserol gyda async neu defer. Mae hyn fel arfer yn cynnwys dadansoddeg, ffenestri sgwrs, a llwytho cyfryngau cymdeithasol.

7. Rhaglenni Pryfderau Critigol

Defnyddiwch ar gyfer ffontiau, CSS, a delweddau sydd eu hangen ar gyfer y golygfa gychwynnol. Mae hyn yn dweud wrth y porwr i roi blaenoriaeth i'r ffeiliau hyn.

8. Tynnwch Ffynonellau sy'n Blocio Rhaglenni

Mae CSS a JavaScript yn yn blocio rhaglennu tudalennau. Symudwch CSS di-gynradd i'r gwaelod, a mewnfudo y CSS sydd ei angen ar gyfer y golygfa gychwynnol (CSS critigol).

9. Defnyddiwch CDN

Mae Rhwydwaith Cyfreithwyr Cynnwys yn dosbarthu eich ffeiliau ar weinyddion ledled y byd. Mae defnyddwyr yn llwytho o'r gweinydd agosaf, gan leihau'r amserredd yn sylweddol.

10. Optimeiddio Ffontiau Gwe

Gall ffontiau wedi'u haddasu oedi dangos testun:

Defnyddiwch font-display: swap fel bod testun yn ymddangos gyda phont cefnogol wrth i'r ffont wedi'i haddasu lwytho
Llwythwch eich ffontiau i lawr dim ond yr ysgrifen sydd ei hangen arnoch
Rhaglenni pwysig y ffontiau
Ystyriwch ffontiau system ar gyfer testun y corff

Sut i Brofi Eich Cyflymder

Google PageSpeed Insights

Yr offeryn swyddogol gan Google. Mae'n rhoi data labordy (simulated) a data maes (defnyddwyr go iawn) gyda awgrymiadau gwelliant pendant.

Chrome DevTools

Agorwch DevTools (F12), ewch i'r panel "Perfformiad" a cofrestri llwytho tudalen. Gallwch weld yn union beth sy'n cymryd amser a mewn pa drefn y mae ffeiliau'n llwytho.

WebPageTest

Offer profion uwch sy'n eich galluogi i brofi o wahanol leoliadau a chyflymderau cysylltiad. Mae'n darparu diagramau rhaff fanwl.

Prawf — Dewiswch Yma

Os oes angen i chi ddewis tri pheth i ganolbwyntio arnynt:

Delweddau — Cywasgwch a chyfnewid i WebP. Effaith fawr gyda llai o ymdrech.
Pori — Sefydlwgwch benawdau Cache-Control cywir. Gosodiad unwaith.
JavaScript — Deferwch bopeth nad yw'n gynradd. Lleihau sgriptiau trydydd parti.

Eisiau gwybod yn union sut mae eich gwefan yn perfformio? Rhedeg archwiliad am ddim a gwelwch eich Prif Mân Ddata Gwe a sgôr cyflymder.