Resource Waterfall huchota kila ombi ambalo ukurasa ulituma kwenye rekodi ya matukio, kila upau ukigawanywa katika awamu zake halisi - zilizowekwa kwenye foleni, DNS, TCP, TLS, zinazosubiri na kupakua - ikiwa na vialamisho vya FCP, LCP, DOMContentLoaded na kupakiwa.
Wakati ukurasa unahisi polepole, swali ni sawa kila wakati: inangojea nini? Jibu la kivinjari chenyewe huishi kwenye paneli ya Mtandao, ambayo inamaanisha kufungua DevTools, kuweka droo juu ya ukurasa unaoukagua, na kupakia upya ili kupata mwanzo wa upakiaji.
Resource Waterfall inaweka kalenda hiyo ya matukio katika paneli inayoelea kando ya ukurasa. Kila ombi huonekana kama upau uliopangwa kulingana na wakati lilipoanza na kugawanywa kulingana na mahali ambapo wakati wake ulienda: kupangwa kwenye foleni au kusimamishwa, kuangalia kwa DNS, muunganisho wa TCP, kupeana mkono kwa TLS, kusubiri seva, kisha kupakua. Sehemu ya bluu ndefu ni seva ya polepole; kijani kibichi ni faili ya mafuta; kijivu kirefu kinamaanisha kuwa ombi lilikaa kusubiri zamu yake. Tofauti huamua nini unapaswa kurekebisha.
Alama zilizosindikwa katika ratiba ya matukio huonyesha Rangi ya Kwanza ya Kuridhika, Rangi Kubwa Zaidi ya Kuridhika, DOMContentImepakiwa na kupakiwa, ili uweze kuona ni maombi gani yatakamilika kabla ya mtumiaji kuona chochote na yapi bado yanaenda baadaye. Rasilimali za kuzuia uwasilishaji na vibao vya akiba hualamishwa kwenye kila safu mlalo, na kichujio kimoja cha Kuzuia hupunguza orodha hadi kile kinachochelewesha rangi ya kwanza.
Chuja kulingana na aina, tafuta kwa URL, au panga kwa polepole zaidi au kubwa zaidi ili kupata mhalifu mbaya zaidi kwa haraka. Bofya safu mlalo yoyote ili kupata URL kamili, itifaki, uhamishaji na saizi zilizosimbuliwa, hali na uchanganuzi kamili wa awamu. Maombi yanayofika wakati kidirisha kikiwa kimefunguliwa, mtiririsho moja kwa moja, na Hamisha JSON unakili rekodi ya matukio yote, matukio muhimu yakiwemo, ili matokeo ya utendaji yaweze kukabidhiwa kwa mtu mwingine bila picha ya skrini.
Kila upau umegawanywa katika foleni, DNS, TCP, TLS, kusubiri na kupakua, kwa hivyo seva ya polepole, faili ya mafuta na ombi lililowekwa zinaweza kutofautishwa mara moja.
Laini zilizosindikwa za FCP, LCP, DOMContentLoaded na zinaonyesha ni maombi gani yanakamilika kabla ya mtumiaji kuona maudhui na yapi bado yanatekelezwa.
Mbofyo mmoja hupunguza orodha hadi rasilimali zinazoshikilia rangi ya kwanza, na hesabu za jumla za kuzuia kwenye upau wa muhtasari.
Rasilimali zinazotolewa kutoka kwenye akiba hutiwa alama na kuwekewa lebo badala ya kuonekana kama safu mlalo zisizoeleweka, kwa hivyo unaweza kuthibitisha uhifadhi wako unafanya kazi kweli.
Nyembamba kwa aina - hati, CSS, JS, picha, fonti, XHR, media - tafuta kwa URL, au panga kwa polepole au kubwa zaidi ili kufikia mkosaji mbaya zaidi kwa sekunde.
Nakili maporomoko yote ya maji kama JSON, ikijumuisha matukio muhimu, jumla na awamu za kila ombi, ili kuambatisha kwa tiketi au kulinganisha dhidi ya kukimbia baadaye.
Chuja ili kutoa nyenzo za kuzuia na uone laha za mitindo na hati kamili kati ya anayekutembelea na maudhui yanayoonekana.
Panga kwa polepole zaidi na utazame mtoa huduma za uchanganuzi, fonti au gumzo akitokea juu kwa muda mrefu wa kusubiri ambao hauhusiani na msimbo wako.
Soma rangi za awamu: muda unaotumika kusubiri ni tatizo la nyuma au CDN, muda unaotumika kupakua ni tatizo la ukubwa wa faili. Kurekebisha ni tofauti kwa kila mmoja.
Pakia upya na uthibitishe kuwa vipengee vinatoka kwa akiba na kwamba saizi za uhamishaji ni ndogo sana kuliko saizi zilizosimbuliwa, kuthibitisha kwamba mgandamizo umewashwa.
Hamisha rekodi ya matukio kama JSON na uiambatishe kwa tikiti ili mtu anayefuata aone nambari sawa badala ya kujaribu kutoa kipindi chako.
Bofya ikoni ya Resource Waterfall kwenye kizimbani cha DevSuite Pro. Kila kitu ambacho ukurasa umepakia hadi sasa kinaonekana kwenye rekodi ya matukio mara moja.
Pakia upya kidirisha kikiwa kimefunguliwa ili kunasa mzigo kutoka kwa ombi la kwanza kabisa, ikijumuisha hati yenyewe na matukio muhimu ya rangi.
Bonyeza chipu ya kuzuia ili kuona nyenzo za uzuiaji tu, au uchague aina kama vile js au img. Panga kwa polepole zaidi ili kumweka mkosaji mbaya zaidi juu.
Bofya safu mlalo yoyote kwa URL yake kamili, itifaki, ukubwa, hali na uchanganuzi wa awamu kwa awamu katika milisekunde - na unakili URL ikiwa unahitaji.
Hamisha JSON hunakili rekodi kamili ya matukio yenye matukio muhimu na jumla, tayari kubandikwa kwenye tiketi au kuhifadhi kama rekodi ya kabla na baada.
Sakinisha DevSuite Pro bila malipo na ufungue zana 71+ za wasanidi kwa kivinjari chako.
