Mfuatiliaji wa Mtandao

Vipengele Muhimu

Mtiririko wa Ombi la Moja kwa Moja

Kila ombi la mtandao huonekana kwenye paneli linapotokea — upakiaji wa ukurasa, simu za API, rasilimali zinazopakiwa kwa kuchelewa (lazy-loaded), na ufuatiliaji wa nyuma. Mlisho unasasishwa kwa wakati halisi bila haja ya kusasisha kwa mikono.

Ukaguzi wa Kina wa Ombi

Bofya ombi lolote ili kuona maelezo kamili: URL ya ombi, mbinu (method), vichwa (headers), mzigo wa data (payload) (kwa POST/PUT), vichwa vya jibu, hakikisho la mwili wa jibu (JSON iliyopangwa kiotomatiki), msimbo wa hali (status code), ukubwa, na uchanganuzi wa muda.

Kuchuja kwa Msingi wa Aina

Chuja maombi kwa aina: XHR/Fetch (simu za API), JS (script), CSS (stylesheets), IMG (picha), Font (font za wavuti), au Zote. Tenga trafiki ya API kutoka kwa upakiaji wa rasilimali ili kuzingatia kile kinachofaa.

Msimbo wa Rangi wa Msimbo wa Hali

Misimbo ya hali imewekwa rangi kwa utambuzi wa papo hapo: kijani kwa 2xx (mafanikio), manjano kwa 3xx (elekezo upya), nyekundu kwa 4xx (hitilafu za mteja) na 5xx (hitilafu za seva). Maombi yaliyoshindwa yanaonekana mara moja.

Taarifa ya Ukubwa & Muda

Kila ombi linaonyesha ukubwa wa jibu (katika KB) na muda wa jumla (katika milisekunde). Tambua simu za API za polepole, rasilimali zenye ukubwa wa kupita kiasi, na maombi yasiyo ya lazima yanayoathiri utendaji wa ukurasa.

Hesabu ya Ombi & Muhtasari

Baa ya muhtasari inaonyesha jumla ya idadi ya maombi na ukubwa wa pamoja kwa maombi yote yaliyonaswa. Chuja muhtasari ili kuona jumla kwa kila aina — ni kiasi gani cha bandwidth kinatumika kwenye script vs picha vs simu za API.

Matumizi ya Kawaida

Kurekebisha Ujumuishaji wa API

Tazama maombi ya XHR/Fetch ili kuthibitisha kuwa frontend yako inaita endpoints sahihi za API ikiwa na vigezo sahihi. Bofya ili kukagua mizigo ya data ya maombi na miili ya majibu — nasa miundo ya data isiyolingana mara moja.

Kutambua Maombi Yaliyoshindwa

Maingizo nyekundu ya 404 na 500 yanaonyesha rasilimali zilizoharibika au simu za API zinazoshindwa. Ona ni URL zipi zinashindwa, zinashindwa lini, na ni jibu gani la hitilafu ambalo seva inarudisha.

Uchambuzi wa Utendaji

Panga kwa muda ili kupata maombi ya polepole zaidi. Panga kwa ukubwa ili kupata rasilimali kubwa zaidi. Jumla ya muhtasari inaonyesha picha kamili ya bandwidth — je, ukurasa unafanya maombi mengi mno au unapakua data nyingi mno?

Kufuatilia Shughuli za Nyuma

Ona ni maombi gani ya mtandao ambayo ukurasa unafanya kwa nyuma — pings za analytics, simu za mapigo ya moyo (heartbeat), maombi ya upigaji kura (polling), rasilimali zinazopakiwa kwa kuchelewa. Elewa shughuli kamili ya mtandao zaidi ya kile kinachoonekana kwa mtumiaji.

Ukaguzi wa Script za Upande wa Tatu

Chuja maombi na ukague ni vikoa vipi vinavyowasiliana. Tambua script za upande wa tatu zinazofanya simu za mtandao zisizotarajiwa — tracking pixels, ukusanyaji wa data, au simu za API za nje ambazo hukuwa unazijua.

Jinsi ya Kutumia

Washa Mfuatiliaji wa Mtandao

Fungua kizimbani kinachoelea cha DevSuite Pro na ubofye ikoni ya Network Monitor. Paneli inafunguka na kuanza kunasa maombi ya mtandao mara moja.

Tazama Maombi ya Moja kwa Moja

Tumia ukurasa kawaida. Kila ombi la mtandao huonekana kwenye mlisho linapofanywa — simu za API, upakiaji wa rasilimali, na ufuatiliaji wa nyuma yote yananaswa.

Chuja kwa Aina

Bofya vichujio vya aina (XHR, JS, CSS, IMG, Font) ili kupunguza mwonekano. Onyesha simu za API pekee ili kurekebisha uchukuaji wa data, au picha pekee ili kukagua upakiaji wa rasilimali.

Bofya kwa Maelezo

Bofya mstari wowote wa ombi ili kupanua maelezo yake: URL, vichwa, mzigo wa data, mwili wa jibu, msimbo wa hali, ukubwa, na muda.

Gundua Masuala

Misimbo ya hali nyekundu (404, 500) inaashiria maombi yaliyoshindwa. Muda wa polepole unaonyesha vikwazo vya utendaji. Ukubwa mkubwa unaashiria rasilimali zinazohitaji uboreshaji.