PerformanceNavigationTiming: redirectCount-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2021.
Die redirectCount
-Eigenschaft, die nur lesbar ist, gibt eine Zahl zurück, die die Anzahl der Weiterleitungen seit der letzten Nicht-Weiterleitungsnavigation im aktuellen Browsing-Kontext darstellt.
Je höher die Anzahl der Weiterleitungen auf einer Seite, desto länger dauert die Seitenladezeit. Um die Leistung Ihrer Webseite zu verbessern, vermeiden Sie mehrere Weiterleitungen.
Die Eigenschaften redirectStart
und redirectEnd
können verwendet werden, um die Umleitungszeit zu messen. Beachten Sie, dass sie 0
für Cross-Origin-Weiterleitungen zurückgeben werden.
Beachten Sie, dass clientseitige Weiterleitungen, wie <meta http-equiv="refresh" content="0; url=https://example.com/">
hier nicht berücksichtigt werden.
Wert
Die redirectCount
-Eigenschaft kann die folgenden Werte haben:
- Eine Zahl, die die Anzahl der Weiterleitungen seit der letzten Nicht-Weiterleitungsnavigation im aktuellen Browsing-Kontext darstellt.
0
, wenn die Weiterleitung Cross-Origin ist.
Beispiele
Protokollierung von Einträgen mit Weiterleitungen
Die redirectCount
-Eigenschaft kann verwendet werden, um zu überprüfen, ob es eine oder mehrere Weiterleitungen gibt. Wir protokollieren den Namen des Eintrags und die Umleitungszeit, falls verfügbar.
Beispiel unter Verwendung eines PerformanceObserver
, der über neue navigation
-Leistungseinträge benachrichtigt, während sie in der Leistungstimeline des Browsers aufgezeichnet werden. Verwenden Sie die Option buffered
, um auf Einträge zuzugreifen, die vor der Erstellung des Beobachters vorhanden waren.
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
const name = entry.name;
const redirectCount = entry.redirectCount;
const redirectTime = entry.redirectEnd - entry.redirectStart;
if (redirectCount > 0) {
console.log(`${name}: Redirect count: ${redirectCount}`);
if (redirectTime > 0) {
console.log(`${name}: Redirect time: ${redirectTime}ms`);
}
}
});
});
observer.observe({ type: "navigation", buffered: true });
Beispiel mit Performance.getEntriesByType()
, das nur navigation
-Leistungseinträge zeigt, die im Leistungstimeline des Browsers zum Zeitpunkt des Aufrufs dieser Methode vorhanden sind:
const entries = performance.getEntriesByType("navigation");
entries.forEach((entry) => {
const name = entry.name;
const redirectCount = entry.redirectCount;
const redirectTime = entry.redirectEnd - entry.redirectStart;
if (redirectCount > 0) {
console.log(`${name}: Redirect count: ${redirectCount}`);
if (redirectTime > 0) {
console.log(`${name}: Redirect time: ${redirectTime}ms`);
}
}
});
Spezifikationen
Specification |
---|
Navigation Timing Level 2 # dom-performancenavigationtiming-redirectcount |
Browser-Kompatibilität
BCD tables only load in the browser