مراقبة كل الذاكرة التي تستخدمها صفحة الويب: performance.measureMemory ()

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

ما أوجه الاختلاف بين واجهة برمجة تطبيقات Performance.measureMemory () الجديدة عن Performance.memory القديمة؟

الطرق الموصى بها لاستخدام واجهة برمجة التطبيقات الجديدة

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

تقدم العمل الحالي

باستخدام performance.measureMemory ()

▍ تمكين دعم Origin التجريبي

istrationالتسجيل في برنامج Origin Trial

1. طلب رمز مميز للفرصة التي تهمك.
2. أضف الرمز المميز إلى صفحات المشروع التجريبي. هناك طريقتان للقيام بذلك:
   
   
   • أضف <meta>علامة origin-trialإلى عنوان كل صفحة. على سبيل المثال، قد تبدو مثل هذا: <meta http-equiv="origin-trial" content="TOKEN_GOES_HERE">.
   • إذا كان لديك حق الوصول إلى إعدادات الخادم ، فيمكنه إضافة رمز مميز باستخدام رأس HTTP Origin-Trial. ونتيجة لذلك، يجب أن يظهر رأس استجابة شيء من هذا القبيل ما يلي: Origin-Trial: TOKEN_GOES_HERE.

n تمكين ميزة جديدة من خلال أعلام Chrome

▍تحقق من استخدام API

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);
}

testing الاختبار المحلي

مثال

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"]
    }
  ]
}

ردود الفعل

شاركنا أفكارك حول جهاز API

الإبلاغ عن مشكلة في التنفيذ

ادعمنا