Bei Hotjar nehmen wir die Leistung der Website sehr ernst und optimieren alles im Prozess. In diesem Artikel behandeln wir häufig gestellte Fragen zu Hotjar und der Leistung der Website:
- Wie beeinflusst das Hotjar-Skript die Seitenladegeschwindigkeit?
- Könnte Hotjar die Leistung meiner Website beeinträchtigen?
- Warum zeigt mir der Google Page Speed-Test an, dass meine Website mit Hotjar langsam ist?
- Optionen zur Verbesserung des SEO und zur Reduzierung möglicher Auswirkungen auf die Seitenladegeschwindigkeit
Wie beeinflusst Hotjar die Seitenladegeschwindigkeit?
Wir unternehmen alle notwendigen Schritte, um die schnelle Bereitstellung unseres Dienstes auf Ihren Websites mit so geringen Auswirkungen wie möglich sicherzustellen. Hier ist wie:
-
Das Skript wird asynchron geladen.
Das Hotjar-Skript hindert Ihre Website nicht daran, ihre Assets zu laden, da das Skript asynchron geladen wird.
-
Wir verwenden ein Content Delivery Network (CDN), um das Hotjar-Skript bereitzustellen.
Ein System von strategisch positionierten Servern auf der ganzen Welt stellt das Hotjar-Skript bereit, anstatt von einem einzigen Standort aus. Die Verwendung eines CDNs ermöglicht es dem Hotjar-Skript, schneller von Ihren Benutzern geladen zu werden und bietet eine viel bessere Verfügbarkeit. Derzeit liegt unser Durchschnitt weltweit bei 130 - 200ms.
-
Das Skript macht ordnungsgemäßen Gebrauch von Browser-Caching.
Auch wenn das Skript asynchron geladen wird, ist es dennoch wichtig, das Skript so schnell wie möglich zu laden und auszuführen, wenn Benutzer verfolgt werden. Dies geschieht, indem wir das Browser-Cache optimal nutzen und zwei separate Dateien laden, die von Browsern in unterschiedlichen Intervallen oder bei Änderungen neu geladen werden.
Könnte Hotjar die Leistung meiner Website beeinträchtigen?
Da jedes hinzugefügte Stück JavaScript-Code Ihre Website auf die eine oder andere Weise beeinflussen kann, können wir nicht garantieren, dass Ihre Website in keiner Weise beeinträchtigt wird. Das Hotjar-Skript ist jedoch so konzipiert, dass es die Leistung Ihrer Website minimal beeinträchtigt. Dies liegt hauptsächlich daran, dass das Hotjar-Tracking für Aufzeichnungen und Heatmaps nur in modernen Browsern funktioniert, die JavaScript effizient ausführen.
In Bezug auf das Tracking führt Hotjar hauptsächlich zwei separate Dinge aus:
- In regelmäßigen kurzen Intervallen, alle 100ms oder zehnmal pro Sekunde, werden die Cursorposition und die Bildlaufposition aufgezeichnet. Klicks werden aufgezeichnet, wenn sie auftreten, wobei die Position des Cursors relativ zum angeklickten Element erfasst wird. Diese Funktionen beeinträchtigen nicht die Benutzererfahrung, da sie nur den Ort des Zeigers erfassen, wenn ein Klick erfolgt oder alle 100ms. Die Ereignisse werden über Frames innerhalb des WebSockets an die Hotjar-Server gesendet. Diese Methode ist effizienter als das Senden von XHR-Anfragen in regelmäßigen Abständen.
- Für Aufzeichnungen werden Änderungen auf der Seite mithilfe der MutationObserver-API erfasst, die bereits in jedem modernen Browser enthalten ist. Dies macht es effizient, da die Änderung selbst bereits auf der Seite stattfindet. Die Browser-MutationObserver-API ermöglicht es uns, diese Änderung aufzuzeichnen, die wir dann analysieren und über das WebSocket senden.
Warum sagt mir mein Seitenladetest, dass meine Website mit Hotjar langsam ist?
Tests wie Googles PageSpeed können Ihnen viel darüber sagen, wie Ihre Seite geladen wird. Wir erkennen die Bedeutung des Verstehens und Optimierens der Seitenladung auf diese Weise an. Es ist wichtig zu verstehen, was diese Berichte Ihnen sagen und was ein Problem ist, das gelöst werden muss.
Wenn wir die Geschwindigkeit Ihrer Seite überprüfen müssen, wird unser Support-Team webpagetest.org verwenden. Die Berichte von webpagetest.org zeigen Ihnen, wann die Seite für Benutzer interaktiv war und wann das Dokument vollständig geladen wurde. Hier ist ein Beispiel für eine Seite ohne den Hotjar-Tracking-Code.
Diese Seite ist nach etwa 0,4 Sekunden interaktiv und lädt in etwa 1 Sekunde vollständig.
Im Folgenden finden Sie dieselbe Seite mit dem hinzugefügten Hotjar-Tracking-Code:
Die Seite ist nach etwas mehr als 0,4 Sekunden interaktiv und lädt in knapp unter 1,3 Sekunden vollständig. In diesem Fall sehen wir, dass die Initialisierung von Hotjar nur einen minimalen Einfluss auf die Benutzbarkeit der Seite hatte (ungefähr 0,01 Sekunden) und etwa 0,3 Sekunden zur Gesamtfertigstellung der Seite hinzugefügt hat.
Das Hotjar-Skript lädt asynchron in zwei Teilen, wobei der erste Teil die Einstellungen für Ihre Website enthält. In dem obigen Bild wird dies im Schritt 3 geladen. Der Rest des Inhalts für die Website wird dann in den Schritten 4-6 geladen, bevor das Hotjar-Skript im Schritt 7 wieder mit dem Herunterladen beginnt.
Wenn Tools wie der Google Page Speed Test eine Seite mit installiertem Hotjar messen, beziehen sie die Zeit ein, die Hotjar benötigt, um den gesamten Satz von Modulen von unseren Servern anzufordern, und die Zeit, zu der wir anfangen, Daten zurückzusenden. Dies ergibt ein ungenaues Bild von der Geschwindigkeit Ihrer Website, da Ihre Website bereits geladen sein wird und Hotjar nur Analyse-Daten zurücksendet.
Optionen zur Verbesserung des SEO und zur Reduzierung möglicher Auswirkungen auf die Seitenladegeschwindigkeit
Eine Möglichkeit, potenzielle Auswirkungen von Hotjar auf Ihre SEO-Bewertung und die Seitenladegeschwindigkeit zu reduzieren, besteht darin, das Laden von Hotjar zu verzögern. Dies können Sie tun, indem Sie die Timer-Funktion von GTM verwenden oder Hotjar erst laden, wenn der Benutzer mit der Seite interagiert hat, z. B. durch Klicken oder Scrollen.
Eine weitere Option besteht darin, Hotjar nach dem Ereignis "DOM Interactive" auf Ihrer Website zu laden. Diese Methode stellt sicher, dass der Großteil des für wichtige Assets benötigten Javascripts einer Seite abgeschlossen ist und Hotjar den sichtbaren Inhalt zwischenspeichern kann, ohne die Leistung der Website zu beeinträchtigen.
Diese Optionen sollten von Ihren Entwicklern/Team bewertet und umgesetzt werden und können nicht vom Hotjar-Support implementiert werden.