Fahamu kila kipimo kinachokuambia nini
Largest Contentful Paint, au LCP, hupima wakati picha kubwa zaidi au kifungu kikubwa cha maandishi katika dirisha la kwanza linapoonekana. Interaction to Next Paint, au INP, hupima ujibu wa ziara kupitia mwingiliano polepole unaokidhi sifa. Cumulative Layout Shift, au CLS, hupima mabadiliko yasiyotegemewa ya muonekano wakati wa ziara.
Malengo ya uzoefu yaliyochapishwa na Google ni LCP kwa chini au sawa na sekunde 2.5, INP kwa chini au sawa na millisekunde 200, na CLS kwa chini au sawa na 0.1. Yapimwe kwa percentile ya 75 ya upakiaji wa kurasa, tofauti kwa simu na desktop. Tumia malengo hayo kuzingatia kazi, si kama dhamana ya upangaji au sababu ya kupuuza watumiaji polepole.
Yaliyomo kuu yanaonekana kuchelewa; chunguza seva, ugundaji wa rasilimali, kupakua, na njia ya uchoraji (rendering).
Bonyeza, kugusa, au kubonyeza kibodi kunasubiri muda mrefu kwa jibu la kuona; chanzo kinaweza kuwa fremu iliyoingizwa (embedded frame).
Maudhui yasogei kwa mshangao; toa umakini zaidi kwa mabadiliko karibu na vidhibiti, fomu, na nyadhifa za kusoma.
Acha data ya uwanja iweke kipaumbele na maabara ifafanue
Data ya uwanja inatokana na ziara halisi, ikijumuisha vifaa halisi, mitandao, maeneo, hali ya cache, na tabia. Chrome User Experience Report inaonekana katika PageSpeed Insights na Search Console wakati kuna data ya kutosha. Ufuatiliaji wako wa watumiaji halisi (real-user monitoring) unaweza kuongeza muktadha wa ukurasa; ukusanye tu telemetry inayohitajika na epuka maudhui yaliyowekwa na mteja.
Data ya maabara ni jaribio zinazorudiwa kwa mazingira uliyoyochagua. Inafaa kutenganisha mabadiliko ya toleo na kusoma trace, lakini haiwezi kuwakilisha kila mgeni. Lighthouse haiwezi kupima INP halisi bila mwingiliano wa kweli, hivyo Total Blocking Time ni dalili ya uchunguzi. Wakati matokeo yanatofautiana, tumia data ya uwanja kupangilia kipaumbele na data ya maabara kuchunguza.
Rekodi kama data ni ya URL au ya asili (origin) na kama ni ya simu au desktop.
Hifadhi tarehe, kundi la kurasa, kifaa, mgawanyo, mipangilio ya jaribio, na toleo za karibuni pamoja na msingi.
Tengeneza orodha kwa kufuata urefu wa ufikiaji, madhara ya kazi, ushahidi, na inayorejeshwa
Usianze na nambari ya chini kabisa kwenye dashibodi. Panga wagombea kwa ziara zilizoathirika, umuhimu wa kazi ya mtumiaji, urudufu kwenye templeti, na kama mabadiliko yanaweza kutengwa na kurudishwa. Hii inafanya optimizasiyo ya Core Web Vitals kuwa ukarabati wa kiutendaji badala ya kufuatilia alama tu.
Picha bila vipimo kwenye templeti inayoshirikiwa inaweza kuwa mabadiliko bora wa kwanza kuliko andiko la mbele la kubahatisha. Mwingiliano wa usajili usio wa kawaida unaweza kupewa kipaumbele wakati unapuzuia kukamilisha. Linganisha ushahidi wa kipimo na mrejesho wa msaada, uchunguzi wa funeli, na ukaguzi wa upatikanaji.
Matatizo yaliyoonekana mara kwa mara kwenye uwanja kwenye templeti muhimu yenye tiba wazi, yenye hatari ndogo.
Mawazo ya usanifu bila tatizo lililotambuliwa au njia ya kurudisha toleo; yahifadhi kama nadharia.
Tengeneza LCP kwa kufupisha njia ya kupata yaliyomo kuu
Tambua kipengele cha LCP kwa ukurasa na kundi la kifaa kilichoathirika. Angalia majibu ya HTML ya awali, wakati kivumbuzi cha kivinjari kinagundua kipengele, muda wa kupakua rasilimali, na nini kinapunguza uchoraji. TTFB kubwa inaweza kufanya lengo la LCP lisifikike hata kwa mali ya hero iliyoboreshwa vizuri.
Weka yaliyomo ya msingi yaonekana mapema ikiwa inafaa kwa muundo. Usafishe kwa kuchelewesha (lazy-load) picha ambayo ndiyo kipengele cha LCP. Kwa kurasa zinazotegemea picha, tumia mali iliyopimwa kwa ukubwa unaofaa na iliyosimbwa kwa usahihi na vipimo vilivyo wazi. Jaribu preload na sheria za utoaji: ombi la mapema linafaa tu ikiwa halishindani na kazi muhimu zaidi.
Kagua redirects, kazi za seva, tabia ya cache, na umbali wa utoaji; hii inaweza kuhitaji umiliki wa programu au mwenyeji.
Angalia kama uchoraji wa mteja, script, au CSS vinachelewesha ugundaji wa maandishi au picha kuu.
Fanya mwingiliano uwe wa haraka na muundo uwe wa kutegemewa
Kwa INP, rudia mtiririko polepole kwa trace ya kivinjari. Tambua tofauti kati ya ucheleweshaji wa pembejeo, usindikaji wa tukio, na ucheleweshaji wa uwasilishaji. Kazi ndefu kwenye main-thread, handlers nzito, uchoraji unaogharimu, na layout thrashing vinaweza kuchelewesha paint inayofuata. Fanya kazi ya kuona kwa fremu inayofuata kwanza; uchelewesha uhifadhi usio muhimu, ufuatiliaji, au masasisho ya pili pale mahitaji ya bidhaa yanaporuhusu.
Kwa CLS, tafuta elementi zinazotoka badala ya kukisia kutoka jumla. Wahifadhi nafasi kwa picha, video, matangazo, embed, na fremu kwa vipimo au aspect-ratio ya CSS. Kagua upakiaji wa font na maudhui yaliyoingizwa. Usificha ujumbe muhimu wa idhini, kosa, au upatikanaji ili kuboresha alama; mpe eneo thabiti.
Kuchelewesha kazi kunaweza kubadilisha muda wa programu. Fanya regression-test ya hali, uhalalishaji, na tabia ya kibodi.
Pitia maeneo yaliyo lazy-loaded na yaliyoembed; jaribio la kupakia tu linaweza kukosa mabadiliko ya baadaye.
Zindua maboresho kwa usalama na uyathibitishe
Mabadiliko ya utendaji yanaweza kuathiri script, caching, uchoraji, embed, au mipangilio ya utoaji. Panga hatua kwa hatua mabadiliko, linganisha njia maalum ya jaribio na msingi, na tandaza hatua za kurudisha toleo. Kwa malipo, akaunti, au miteremko iliyo chini ya kanuni, husisha wakaguzi wa usalama, uzingatiaji, na upatikanaji kabla ya kubadilisha embed, uhalalishaji, au kushughulikia data. Hii ni mwongozo wa elimu, si tathmini ya uzingatiaji.
Baada ya kutolewa, linganisha njia ile ile ya maabara na angalia sehemu sawa za uwanja kupitia kipindi chao cha kawaida cha ripoti. Angalia athari zisizotarajiwa kama kosa lililofichwa au kiolesura kisichosasika. Status Is UP inasaidia optimizasiyo ya kuaminika ya uptime kupitia ukaguzi wa mara kwa mara, umiliki wazi wa utatuzi, na utoaji wa uwezo wa kurudisha toleo kati ya matukio.
Unganisha kila mabadiliko na kundi la kurasa, kipimo, mmiliki, ushahidi wa jaribio, upendeleo, na maagizo ya kurudisha toleo.
Usitangaze mafanikio kutoka kwenye kukimbia kwa synthetic mara moja; thibitisha mtindo wa mteja tena.