Die Verkürzung der Seitenladezeit kann die Nutzerfreundlichkeit einer Website insgesamt verbessern. Auf dieser Seite wird beschrieben, wie Sie Informationen zum Nutzertiming an Google Analytics senden.
Implementierung
Verwenden Sie den Befehl event, um ein timing_complete-Ereignis zu senden:
gtag('event', 'timing_complete', {<timing_parameters>});
Dabei ist <timing_parameters> ein oder mehrere Parameter-Wert-Paare. Trennen Sie die einzelnen Paare durch ein Komma. Mit diesem Befehl wird beispielsweise ein Nutzertiming-Ereignis an Google Analytics gesendet, das angibt, dass 3.549 Millisekunden benötigt wurden, bis die aktuelle Webseite alle externen JavaScript-Abhängigkeiten geladen hat.
gtag('event', 'timing_complete', {
'name' : 'load',
'value' : 3549,
'event_category' : 'JS Dependencies'
});
Nutzertiming-Parameter
In der folgenden Tabelle sind die Parameter für das Nutzertiming zusammengefasst:
| Parametername | Datentyp | Required | Beschreibung |
|---|---|---|---|
name |
string |
Ja |
Ein String zur Identifizierung der aufgezeichneten Variablen (z.B. 'load').
|
value |
integer |
Ja |
Die Anzahl der Millisekunden, die für Berichte an Google Analytics verstrichen sind (z.B. 20).
|
event_category |
string |
Nein |
Ein String zum Kategorisieren aller Variablen für das Nutzertiming in logische Gruppen (z.B. 'JS Dependencies').
|
event_label |
string |
Nein |
Ein String, mit dem Sie die Nutzertimings in den Berichten flexibel visualisieren können (z.B. 'Google CDN').
|
Zeit wird gemessen
Für das Ereignis timing_complete ist ein Parameter value erforderlich, der die verstrichene Zeit in Millisekunden angibt. Sie müssen Code schreiben, der diesen Wert erfasst.
Am einfachsten ist es, einen Zeitstempel am Anfang eines Zeitraums zu erstellen und einen weiteren Zeitstempel am Ende dieses Zeitraums. Berechnen Sie dann die zwischen den Zeitstempeln verstrichene Zeit.
Die meisten modernen Browser unterstützen die Navigation Timing API, die Methoden für das window.performance-Objekt zum Messen der Leistung von Webseiten mithilfe von hochauflösenden Zeitdaten enthält.
Im folgenden Beispiel wird die Methode performance.now() verwendet, die die Zeit zurückgibt, die seit dem ersten Laden der Seite vergangen ist:
// Feature detects Navigation Timing API support.
if (window.performance) {
// Gets the number of milliseconds since page load
// (and rounds the result since the value must be an integer).
var timeSincePageLoad = Math.round(performance.now());
// Sends the timing event to Google Analytics.
gtag('event', 'timing_complete', {
'name': 'load',
'value': timeSincePageLoad,
'event_category': 'JS Dependencies'
});
}
Hinweise zu Stichproben
In Google Analytics werden Stichprobenereignisse erfasst, um eine gerechte Verteilung der Systemressourcen für dieses Feature zu gewährleisten.
Die Häufigkeit, mit der Stichproben erhoben werden, hängt von der Gesamtzahl der Seitenaufrufe ab, die am Vortag für die Property empfangen wurden. In der folgenden Tabelle wird beschrieben, wie die Rate für die Stichprobenerhebung festgelegt wird:
| Gesamtzahl der Seitenaufrufe (Vortag) | Maximale Anzahl der verarbeiteten Timing-Ereignisse |
|---|---|
| 0–1.000 | 100 |
| 1.000–100.000 | 10% der Gesamtzahl der Seitenaufrufe |
| 100.000–1.000.000 | 10.000 |
| Mehr als 1.000.000 | 1% der Gesamtzahl der Seitenaufrufe |