Newidiadau i'r cynllun
Mae Silktide yn gwylio eich tudalen wrth iddi lwytho ac yn mesur faint mae'r cynllun yn neidio o gwmpas, gan nodi'r rhannau penodol o'r dudalen sy'n symud. Mae tudalen sefydlog yn ymddangos unwaith ac yn aros yn ei lle; mae un ansefydlog yn symud wrth i ddelweddau, ffontiau a chynnwys wedi'i fewnosod gyrraedd.
Y mesuriad yw Cumulative Layout Shift (CLS), un o Google. Mae'n adio pob symudiad annisgwyl yn ystod y llwytho: ystyrir 0.1 neu lai yn dda, ac ystyrir 0.25 neu fwy yn wael.
Pam mae hyn yn bwysig
Mae newidiadau i'r cynllun yn achosi camgymeriadau go iawn. Mae ymwelydd ar fin tapio dolen, mae'r cynnwys yn neidio ar yr eiliad olaf, ac mae'n tapio rhywbeth arall - hysbyseb weithiau, neu "Prynu" yn lle "Canslo". Mae'r testun y mae'r ymwelydd yn ei ddarllen yn neidio o'i flaen. Mae'n gwneud i safle deimlo'n annibynadwy ac yn annheilwng o ymddiriedaeth mewn ffordd y mae ymwelwyr yn sylwi arni ar unwaith, hyd yn oed os na allant ei henwi.
Mae Google hefyd yn defnyddio Core Web Vitals, gan gynnwys hwn, fel signal safle chwilio, felly gall tudalen ansefydlog gostio gwelededd yn ogystal ag ewyllys da.
Sut i'w drwsio
Mae Silktide yn dangos pa elfennau a symudodd; y datrysiad yw cadw lle ar eu cyfer cyn iddynt lwytho.
- Rhowch led ac uchder penodol i bob delwedd a fideo (neu gymhareb agwedd CSS), fel bod y porwr yn cadw'r lle cywir cyn i'r ffeil gyrraedd - gweler Meintiau delwedd penodol.
- Cadwch le ar gyfer hysbysebion, cynnwys wedi'i fewnosod, a chynnwys arall sy'n llwytho'n hwyr drwy ddefnyddio cynhwysydd maint sefydlog, hyd yn oed os yw'n wag yn rhannol weithiau.
- Peidiwch byth â mewnosod cynnwys newydd uwchlaw'r hyn y mae'r ymwelydd eisoes yn ei ddarllen, oni bai ei fod yn ymateb i'w weithred ei hun.
- Llwythwch ffontiau personol mewn ffordd sy'n osgoi ail-lifo gweladwy yn y testun - gweler Testun gweladwy wrth lwytho.
Sut mae Silktide yn profi hyn
- Llwythwch y dudalen mewn porwr go iawn, gan ddefnyddio'r math o ddyfais, cyflymder cysylltiad, a lleoliad prawf sydd wedi'u ffurfweddu ar gyfer eich profion cyflymder.
- Cofnodwch bob symudiad annisgwyl yn y cynllun wrth i'r dudalen lwytho, a chyfanswmwch nhw i sgôr Cumulative Layout Shift y dudalen.
- Rhowch wybod am bob elfen a symudodd, gyda'i a'i chyfraniad unigol at y cyfanswm.
- Graddiwch y dudalen yn ôl ei sgôr gyfan, ar y raddfa gyhoeddus ar gyfer y mesuriad hwn: mae 0.1 neu lai yn dda, ac mae 0.25 neu fwy yn wael.
Datrys problemau
Dydw i ddim yn gweld y dudalen yn symud
Mae newidiadau yn aml yn digwydd yn eiliadau cyntaf y llwytho, cyn i chi ddechrau darllen, neu dim ond ar gysylltiadau arafach lle mae ffeiliau'n cyrraedd dros gyfnod o amser. Efallai bod eich porwr hefyd wedi storio delweddau a ffontiau'r dudalen yn y storfa dros dro, felly nid oes angen i ddim gyrraedd yn hwyr. Fodd bynnag, mae'r elfennau a restrir gan y gwiriad yn nodi'n fanwl beth a symudodd, pa mor fyr bynnag.
Mae fy sgôr yn wahanol i sgôr offer eraill
Mae CLS yn dibynnu ar y ddyfais, cyflymder y cysylltiad, a pha mor bell y mae'r mesuriad yn ymestyn. Mae Silktide yn mesur llwyth tudalen rheoledig gyda'ch gosodiadau prawf cyflymder ffurfwedig; gall offer sy'n seiliedig ar ddata ymwelwyr go iawn (neu sy'n parhau i fesur wrth i ddefnyddwyr sgrolio a rhyngweithio) roi gwerthoedd gwahanol yn ddilys ar gyfer yr un dudalen.
Dysgu mwy
- Cyflymder tudalennau a Core Web Vitals - fframwaith blaenoriaethu ar gyfer CLS a'r metrigau hanfodol eraill
- Cumulative Layout Shift (web.dev)
- Optimeiddio Cumulative Layout Shift (web.dev)
- Meintiau delwedd penodol
- Testun gweladwy wrth lwytho
- Web Vitals