Überwachen des gesamten von einer Webseite verwendeten Speichers: performance.measureMemory ()

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

Wie unterscheidet sich die neue Performance.measureMemory () - API von der alten Performance.memory?

Empfohlene Möglichkeiten zur Verwendung der neuen API

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

Aktueller Arbeitsfortschritt

Verwenden von performance.measureMemory ()

▍ Aktivieren Sie die Origin-Testunterstützung

▍Registrierung im Origin-Testprogramm

1. Fordern Sie einen Token für die Gelegenheit an, an der Sie interessiert sind.
2. Fügen Sie das Token zu den Seiten des Pilotprojekts hinzu. Es gibt zwei Möglichkeiten, dies zu tun:
   
   
   • Fügen Sie dem Titel jeder Seite ein <meta>Tag hinzu origin-trial. Zum Beispiel könnte es so aussehen : <meta http-equiv="origin-trial" content="TOKEN_GOES_HERE">.
   • Wenn Sie Zugriff auf die Servereinstellungen haben, kann ein Token mithilfe eines HTTP-Headers hinzugefügt werden Origin-Trial. Infolgedessen sollte der Antwortheader wie folgt aussehen : Origin-Trial: TOKEN_GOES_HERE.

▍Eine neue Funktion über Chrome-Flags aktivieren

▍Überprüfen der API-Verwendung

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

▍Lokale Tests

Beispiel

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

Rückkopplung

Teilen Sie uns Ihre Ideen zum API-Gerät mit

Ein Implementierungsproblem melden

Unterstütze uns