Metrik „Gesamtblockierzeit für Drittanbieter-JS“ (3PBT)

3PBT steht für Third Party Blocking Time. Es handelt sich um eine Metrik, die die Verzögerung misst, die Ihren Nutzern bei Interaktionen durch Drittanbieterkomponenten entstehen kann.

Dies ist ein interner Indikator des PageSpeed.ONE Monitorings, der es Ihnen ermöglicht, sich stärker auf Probleme zu konzentrieren, die durch Drittanbieterkomponenten verursacht werden und die Interaktionsmetrik (INP) verschlechtern können.

🔐 Diese Metrik wird nur Nutzern der PLUS-Tests im Seitenbericht angezeigt.

Grafik der 3PBT-Metrik: Auf welcher Seite machen uns Drittanbieterkomponenten das Leben schwer?

Wie genau berechnen wir 3PBT?#

Technisch betrachtet ist 3PBT die Summe der Zeiten zwischen den Metriken First Contentful Paint (FCP) und Time To Interactive (TTI), während derer ein Drittanbieter-JavaScript den Browser für mehr als 50 ms blockierte und somit die Nutzerinteraktionen verzögern konnte.

Anders ausgedrückt handelt es sich um den Teil der Metrik TBT (Total Blocking Time), dessen Ursachen Drittanbieterskripte (Analytik, A/B-Testing usw.) sind.

Verlangsamung der Interaktion, nicht des Ladens#

Es ist gut zu wissen, dass sich die Metrik Third Party Blocking Time (3PBT) nicht auf die Verlangsamung des Seitenladens konzentriert, die durch die LCP-Metrik gemessen wird.

Eine Seite kann nämlich sehr schnell angezeigt werden, auch wenn sie viele Drittanbieterkomponenten enthält. Diese werden in der Regel mit niedrigerer Priorität und asynchron geladen, sodass sie die Seitenanzeige nicht blockieren.

Sehr nützlich wird die 3PBT-Metrik beim Aufspüren von Problemen, die langsamere Interaktionen verursachen. Diese werden durch die INP-Metrik gemessen. Wenn Sie sehen, dass die INP-Metrik auf Ihrer Website (im Domainbericht) außerhalb des grünen Bereichs liegt, schauen Sie sich auch die 3PBT-Werte an.

Wie erkennen wir Drittanbieter?#

Drittanbieterskripte werden automatisch vom Lighthouse-Tool erkannt, das wir für unsere synthetischen Messungen in den PLUS-Tests verwenden (siehe wie wir messen), und diese Erkennung ist möglicherweise nicht völlig präzise.

Lighthouse kann bekannte Drittanbieterkomponenten (Google Tag Manager, Google Analytics, Hotjar…) sehr gut identifizieren, aber bei weniger häufigen oder lokalen Herstellern dieser Komponenten ist es weniger erfolgreich.

Es ist daher zu berücksichtigen, dass die angezeigte Zahl nur einen Teil des tatsächlichen Wertes darstellen kann. Dennoch ist sie ein nützlicher Indikator, insbesondere im Vergleich zum Gesamtwert der Metrik Total Blocking Time (TBT).

Was ist der optimale Wert für 3PBT?#

Der optimale Wert für 3PBT liegt bei bis zu 0,1 Sekunden.

Es besteht jedoch kein Grund zur Panik, wenn dieser Wert auf den gemessenen URLs Ihrer Website nicht erreicht wird. Sie können über 3PBT nachdenken, indem Sie sich diese Fragen stellen:

• Liegt die INP-Metrik auf Domain-Ebene außerhalb des grünen Wertes (siehe Domainbericht)?
• Wenn ja, schauen Sie im Seitenbericht nach, welche URLs eine verschlechterte INP- oder TBT-Metrik aufweisen.
• Vergleichen Sie bei diesen Seiten den Wert der 3PBT-Metrik mit TBT.

Das Ziel ist es herauszufinden, ob Drittanbieterkomponenten Auswirkungen auf die Gesamtblockierzeit (TBT) und damit auf bestimmte Interaktionen, die durch die INP-Metrik gemessen werden, haben können.

Wie ermitteln Sie, welche spezifischen Komponenten einen negativen Einfluss haben?#

In der Grafik der 3PBT-Metrik sehen Sie nur die Gesamtauswirkung von Drittanbietern auf bestimmten Seiten.

Wenn Sie wissen möchten, welche spezifischen Drittanbieter problematisch sind, müssen Sie sich in den spezifischen Bericht des Lighthouse-Tools durchklicken:

Wie gelangt man zum Bericht mit den konkreten Übeltätern, die die 3PBT-Metrik verschlechtern?

Lassen Sie uns das Schritt für Schritt aufschlüsseln:

• Suchen Sie im Seitenbericht die Grafik der 3PBT-Metrik.
• Klicken Sie auf einen bestimmten Punkt in der Grafik.
• Wählen Sie im Popup-Fenster die spezifische URL aus.
• Klicken Sie auf die Testzeit.
• Im Detail des Testruns (im Lighthouse-Bericht) suchen Sie den Abschnitt „Verringern Sie die Auswirkungen von Drittanbieter-Code“.

Auf diese Weise gelangen Sie zu den spezifischen problematischen Komponenten auf bestimmten Seiten.

Wie 3PBT optimieren?#

Das Thema der Optimierung der Auswirkungen von Drittanbieterkomponenten ist sehr komplex, aber kurz gesagt, sind die Optimierungsmöglichkeiten in etwa folgende:

• Überlegen Sie, ob Sie die Komponente auf Ihrer Website wirklich benötigen.
• Komponenten, die Sie nur gelegentlich verwenden, wie Hotjar, entfernen Sie vollständig aus dem HTML-Code, wenn Sie sie nicht verwenden.
• Optimieren Sie den GTM-Code oder verwenden Sie den Trick mit setTimeout().
• Für Komponenten, die erst in einem bestimmten Teil der Seite geladen werden, verwenden Sie die Methode des Lazy-Loading.
• Halten Sie Kontakt mit den Autoren der Drittanbieterkomponenten.

Weitere Informationen zu den Optimierungsmöglichkeiten von Drittanbieter-Code finden Sie auch in den folgenden Texten:

• Optimierung der INP-Metrik in unserem Hilfebereich.
• Optimierung der Geschwindigkeit von Drittanbieterkomponenten und Optimierung von Drittanbieter-JavaScript auf web.dev.
• Optimize third-party JavaScript auf web.dev.