Mahalaga ang pagsukat sa pagganap ng JavaScript code para sa mga bertibong aplikasyon ng web. Ang artikulong ito ay nagbibigay ng isang malinaw at hakbang-by-pa-paa na pamamaraan upang makalkula ang mga metric na gumagamit ng JavaScript.

Pag - unawa sa mga Bagay na May Kinalaman sa Kasaysayan

Ang performance metrics ay tumutulong sa mga developer na matukoy ang mga botttleneck at mapabuti ang kahusayan ng kanilang code. ang mga karaniwang metriko ay kinabibilangan ng oras ng pagpatay, paggamit ng memorya, at pag-aayos ng rate.

Paggamit ng Performance API

Ang Performance API ay nagbibigay ng mga kasangkapan upang sukatin ang iba't ibang mga aspeto ng pagkakapatay ng code. Ang paraan [FLT.[[[ ay nagbabalik ng isang high-resolusyong timestamp, na angkop para sa eksaktong tiyempo.

Upang sukatin ang oras ng pagpatay, itala ang mga timestamp bago at pagkatapos ng code block:

Exatom:

contt ay magsisimula ngTime = pagganap.now();

// Kodigo upang sukatin

Kasa - isang pagtatapos ng Motime = pagganap.now();

Kapos na tagal = katapusan ng oras ng pagsisimula;

Pagkalkula sa Iba Pang mga Kaaya - ayang Bagay

Ang paggamit ng memorya ay maaaring suriin gamit ang advence.memory bagay, na nagbibigay ng mga detalye tulad ng kabuuang JS bulbang sukat at ginagamit na bulbang sukat. Pansinin na ang API na ito ay pangunahing sinusuportahan sa Chrome.

Para sa sukat ng balangkas, gamitin ang [requestAnimationFrame na tungkulin upang ma-transcription ang pag-ganap sa paglipas ng panahon.

Pinakamabuting Gawain

Laging magsagawa ng mga sukat nang maramihan upang makatwiran ang pagiging madaling makuha. Gamitin ang mga average upang makakuha ng mas tumpak na mga resulta. Iwasan ang pagsukat sa mga yugto ng mataas na aktibidad na maaaring mag-skew ng datos.

  • Gumamit ng high-resolusyong timers tulad ng experience.now().
  • Magsukat nang maraming ulit para sa katumpakan.
  • Ihambing ang mga resulta sa ilalim ng di - nagbabagong mga kalagayan.
  • Monitor memory na ginagamit sa adventence.memory.
  • Ruta na pag-ganap sa pagsasalin na may [requestAnimationFrame.