Utendaji wa Ukurasa unatoa muhtasari wa papo hapo wa utendaji wa ukurasa wowote wa wavuti.
Utendaji wa Ukurasa unatoa muhtasari wa papo hapo wa utendaji wa ukurasa wowote wa wavuti.
Inaonyesha First Contentful Paint (FCP), DOMContentLoaded, Full Page Load, na Time to Interactive (TTI) — vipimo vinne muhimu zaidi vya utendaji. Kila kimoja kimewekwa rangi: kijani (haraka), manjano (wastani), nyekundu (polepole) kulingana na vizingiti vilivyowekwa vya Web Vitals.
Chati ya baa inayoonekana inayoonyesha hesabu na jumla ya ukubwa wa kila aina ya rasilimali: faili za JavaScript, stylesheets za CSS, picha, font, na rasilimali nyingine. Ona mara moja ni aina gani ya rasilimali inayochangia zaidi katika uzito wa ukurasa.
Inaonyesha jumla ya hesabu ya vipengele vya DOM, kina cha juu cha nesting, na jumla ya hesabu ya wasikilizaji wa matukio (event listeners). Ukubwa mkubwa wa DOM (vipengele 2000+) na nesting yenye kina (ngazi 15+) huwekwa alama kama vikwazo vinavyoweza kutokea katika utendaji.
Alama moja ya 0-100 inafupisha afya ya utendaji wa ukurasa, ikiwekwa rangi ya kijani (85+), manjano (50-84), au nyekundu (0-49). Inategemea mchanganyiko wa vipimo vya muda na ufanisi wa rasilimali.
Inaonyesha ukubwa wa pamoja wa rasilimali zote zilizopakuliwa katika MB. Imechanganuliwa kwa kitengo ili uweze kuona kwamba 842 KB ni JavaScript, 245 KB ni picha, na 128 KB ni CSS — ikitambua wachangiaji wazito zaidi.
Inasoma data ya utendaji kutoka kwa Performance API ya kivinjari — data ambayo tayari imekusanywa wakati wa upakiaji wa kawaida wa ukurasa. Hakuna majaribio mapya ya bandia, hakuna maombi ya ziada ya mtandao, na hakuna athari ya utendaji kutokana na kuendesha chombo hiki.
Fungua ukurasa wowote na upate muhtasari wa papo hapo wa utendaji. Je, ni haraka (alama ya kijani), wastani (manjano), au polepole (nyekundu)? Dashibodi inajibu hili kwa chini ya sekunde moja — hakuna kusubiri Lighthouse kuendesha.
Ikiwa ukurasa ni polepole, mchanganuo wa rasilimali aina unaonyesha sababu. 1.2 MB ya JavaScript? Hicho ndicho kikwazo. 800 KB ya picha ambazo hazijaboreshwa? Hilo ndilo suluhisho. Mchanganuo unaoonekana unafanya wachangiaji wazito kuwa wazi.
Washa Utendaji wa Ukurasa kabla ya kufanya uboreshaji, zingatia vipimo. Fanya mabadiliko yako, pakia upya, na uwashe tena. Linganisha FCP, muda wa kupakia, na uzito wa jumla wa ukurasa ili kuthibitisha kuwa uboreshaji wako ulikuwa na athari inayotarajiwa.
Washa Utendaji wa Ukurasa kwenye tovuti yako na tovuti za washindani wako. Linganisha muda wa kupakia, uzito wa kurasa, na usambazaji wa rasilimali. Je, washindani wanatuma JavaScript kidogo? Je, picha zao zimeboreshwa zaidi?
Washa chombo kwenye kurasa muhimu mara kwa mara wakati wa maendeleo. Ikiwa alama ya utendaji itashuka au uzito wa ukurasa utaongezeka ghafla, umeingiza kurudi nyuma — kunasa hili kabla halijafika kwenye uzalishaji (production).
Fungua kizimbani kinachoelea cha DevSuite Pro na ubofye ikoni ya Page Performance. Dashibodi inaonekana papo hapo ikiwa na data ya utendaji ya upakiaji wa sasa wa ukurasa.
Angalia vipimo vinne muhimu vya muda juu: FCP, DOMContentLoaded, Full Load, na TTI. Thamani za kijani ni haraka, manjano ni wastani, nyekundu inahitaji uboreshaji.
Angalia chati ya baa ya rasilimali ili kuona ni aina gani ya rasilimali ni nzito zaidi. JavaScript mara nyingi ndiyo mchangiaji mkubwa zaidi — ikiwa JS inazidi 500 KB, inaweza kufaa kugawanya kodi (code-splitting) au kupakia kwa kuchelewa (lazy-loading).
Kagua takwimu za DOM. Ikiwa hesabu ya vipengele inazidi 1500 au kina cha nesting kinazidi 15, fikiria kurahisisha markup ili kuboresha utendaji wa utoaji (rendering performance).
Alama ya jumla inatoa kipimo cha haraka. Washa chombo kabla na baada ya uboreshaji ili kupima maendeleo.
Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.
