वेबपृष्ठ द्वारा उपयोग की जाने वाली सभी मेमोरी की निगरानी करना: performance.measureMemory ()

const object = { a: new Array(1000), b: new Array(2000) };
setInterval(() => console.log(object.a), 1000);

नया प्रदर्शन। MeMemory () API पुराने प्रदर्शन से अलग कैसे है।

नए एपीआई का उपयोग करने के लिए अनुशंसित तरीके

• - .
• A/B- , .
• .
• , . .

वर्तमान कार्य प्रगति

प्रदर्शन का उपयोग कर।

▍ मूल परीक्षण समर्थन सक्षम करें

▍ मूल परीक्षण कार्यक्रम में स्नातक

1. उस अवसर के लिए एक टोकन का अनुरोध करें जिसमें आप रुचि रखते हैं।
2. पायलट प्रोजेक्ट के पन्नों में टोकन जोड़ें। ऐसा करने के 2 तरीके हैं:
   
   
   • प्रत्येक पृष्ठ के शीर्षक में एक <meta>टैग जोड़ें origin-trial। उदाहरण के लिए, यह इस तरह दिख सकता है <meta http-equiv="origin-trial" content="TOKEN_GOES_HERE">:।
   • यदि आपके पास सर्वर सेटिंग्स तक पहुंच है, तो यह HTTP हेडर का उपयोग करके एक टोकन जोड़ सकता है Origin-Trial। नतीजतन, प्रतिक्रिया हैडर को कुछ इस तरह दिखाई देना चाहिए Origin-Trial: TOKEN_GOES_HERE:।

क्रोम झंडे के माध्यम से एक नई सुविधा को सक्षम करना

एपीआई का उपयोग करें

if (performance.measureMemory) {
  let result;
  try {
    result = await performance.measureMemory();
  } catch (error) {
    if (error instanceof DOMException &&
        error.name === "SecurityError") {
      console.log("The context is not secure.");
    } else {
      throw error;
    }
  }
  console.log(result);
}

▍Local परीक्षण

उदाहरण

function scheduleMeasurement() {
  if (!performance.measureMemory) {
    console.log("performance.measureMemory() is not available.");
    return;
  }
  const interval = measurementInterval();
  console.log("Scheduling memory measurement in " +
      Math.round(interval / 1000) + " seconds.");
  setTimeout(performMeasurement, interval);
}

//       .
window.onload = function () {
  scheduleMeasurement();
}

function measurementInterval() {
  const MEAN_INTERVAL_IN_MS = 5 * 60 * 1000;
  return -Math.log(Math.random()) * MEAN_INTERVAL_IN_MS;
}

async function performMeasurement() {
  // 1.  performance.measureMemory().
  let result;
  try {
    result = await performance.measureMemory();
  } catch (error) {
    if (error instanceof DOMException &&
        error.name === "SecurityError") {
      console.log("The context is not secure.");
      return;
    }
    //    .
    throw error;
  }
  // 2.  .
  console.log("Memory usage:", result);
  // 3.   .
  scheduleMeasurement();
}

// ,    :
{
  bytes: 60_000_000,
  breakdown: [
    {
      bytes: 40_000_000,
      attribution: ["https://foo.com"],
      userAgentSpecificTypes: ["Window", "JS"]
    },
    {
      bytes: 20_000_000,
      attribution: ["https://foo.com/iframe"],
      userAgentSpecificTypes: ["Window", "JS"]
    }
  ]
}

प्रतिपुष्टि

एपीआई डिवाइस के बारे में अपने विचार हमारे साथ साझा करें

कार्यान्वयन समस्या की रिपोर्ट करें

हमें सहयोग दीजिये