Ein Chat-Widget kann eine Seite verlangsamen, weil es JavaScript eines Drittanbieters ist, das heruntergeladen und ausgeführt wird und über Ihren Inhalten gezeichnet wird. Wie stark, hängt vom Widget, von der Art des Ladens und von Ihrer Seite ab. Wir haben bisher keine Messungen zu irgendeinem Widget veröffentlicht. Deshalb erklärt dieser Ratgeber den Mechanismus und gibt Ihnen eine Methode, es auf Ihrer eigenen Website zu messen.
Wie ein Widget Gewicht hinzufügt
Das Snippet, das Sie einfügen, besteht meist aus wenigen Zeilen, die ein größeres Skript von den Servern des Anbieters laden. Dieses Skript kann weitere Dateien anfordern: Stylesheets, Schriften, Icons, einen Frame für das Chatfenster und eine Verbindung zu den Messaging-Servern des Anbieters. Jede davon ist eine Netzwerkanfrage, die der Browser Ihres Besuchers stellen muss, und das JavaScript muss auf demselben Haupt-Thread geparst und ausgeführt werden, der Klicks und Scrollen verarbeitet.
Asynchrones Laden des Skripts, wie es die meisten Snippets der Anbieter tun, verhindert, dass es das erste Rendern Ihres HTML blockiert. Den Download und die Verarbeitung beseitigt es nicht. Diese Arbeit konkurriert weiterhin mit Ihrem eigenen Code, besonders auf einem Mittelklasse-Smartphone.
Welche Core Web Vitals betroffen sein können
| Metrik | Was sie misst | Wie ein Widget sie beeinflussen kann |
|---|---|---|
| Largest Contentful Paint (LCP) | Wann der Hauptinhalt erscheint | Konkurriert um Bandbreite und CPU, während das größte Element der Seite lädt |
| Interaction to Next Paint (INP) | Wie schnell die Seite auf Eingaben reagiert | Lange Skript-Aufgaben im Haupt-Thread verzögern die Reaktion auf Tippen und Klicks |
| Cumulative Layout Shift (CLS) | Unerwartete Verschiebung von Inhalten | Ein spät eingefügter Launcher, Banner oder Begrüßungstext kann Inhalte verschieben, wenn er nicht über der Seite positioniert ist |
Google veröffentlicht für jede Metrik einen Schwellenwert für „gut“ und bewertet sie anhand von Daten echter Besucher. Ein Widget entscheidet diese Metriken selten allein, kann aber auf einer Seite, die ohnehin knapp an einem Schwellenwert liegt, den Ausschlag geben.
Laden bei Interaktion: das Facade-Muster
Eine Facade ist ein schlanker Platzhalter: ein statischer Chat-Button, mit Ihrem eigenen HTML und CSS gezeichnet, der wie der Launcher aussieht. Das eigentliche Widget-Skript lädt erst, wenn ein Besucher darauf klickt oder mit der Maus darüberfährt. Besucher, die den Chat nie öffnen, laden das Widget nie herunter. Die Nachteile: Das erste Öffnen dauert länger, proaktive Begrüßungen und Besucher-Tracking laufen erst, wenn das Skript geladen ist, und manche Funktionen einiger Anbieter setzen voraus, dass das Skript immer vorhanden ist. Prüfen Sie in der Entwicklerdokumentation Ihres Anbieters, ob es einen unterstützten Weg gibt, das Widget bei Bedarf zu laden.
Laden nach Einwilligung
Viele Widgets setzen Cookies oder lesen den Browserspeicher, sobald sie laden. In der EU und im Vereinigten Königreich erfordert das Speichern oder Auslesen von Informationen auf dem Gerät eines Besuchers grundsätzlich eine Einwilligung, sofern es nicht für einen vom Besucher angeforderten Dienst unbedingt erforderlich ist. Wenn Sie das Widget-Skript zurückhalten, bis der Besucher es in Ihrem Cookie-Banner akzeptiert oder auf Ihren Chat-Button klickt, lösen Sie beide Probleme zugleich: Vor der Einwilligung läuft kein Code eines Drittanbieters, und Besucher, die ablehnen, laden kein Widget-Gewicht. Ob ein Chat-Widget als unbedingt erforderlich gilt, behandelt der Ratgeber zu Live-Chat und Recht.
So messen Sie Ihr Widget, Schritt für Schritt
- Wählen Sie zwei oder drei echte Seiten, etwa die Startseite, eine Produktseite und eine Checkout- oder Kontaktseite. Testen Sie die Seiten, auf denen Besucher tatsächlich landen, keine leere Testseite.
- Erstellen Sie eine Basismessung ohne Widget. Verwenden Sie eine Staging-Kopie ohne das Snippet oder blockieren Sie die Domain des Anbieters in den Chrome DevTools (Network-Panel, Request Blocking), damit die Seite lädt, als gäbe es das Widget nicht.
- Testen Sie mit dem Widget in der Standardkonfiguration, genau so, wie die Installationsanleitung des Anbieters es erzeugt. Testen Sie dann erneut mit dem Lazy Loading oder der Einwilligungssteuerung, die Sie einsetzen wollen.
- Verwenden Sie ein gedrosseltes Mobilprofil. Wählen Sie in Lighthouse (Chrome DevTools, Lighthouse-Panel) Mobile. Wählen Sie in WebPageTest ein Mittelklasse-Mobilgerät und ein 4G-Verbindungsprofil. Desktop-Ergebnisse über eine schnelle Verbindung verbergen den Großteil der Kosten.
- Führen Sie jeden Test mehrmals aus und nehmen Sie den Median. Server von Drittanbietern schwanken zwischen den Durchläufen; ein einzelner Durchlauf beweist wenig.
- Vergleichen Sie Gleiches mit Gleichem: insgesamt übertragene Bytes, Zahl der Anfragen an die Domains des Anbieters, Total Blocking Time, LCP und CLS, mit und ohne Widget.
- Messen Sie eine Interaktion. Zeichnen Sie in den Chrome DevTools einen Performance-Trace auf, während Sie das Chatfenster öffnen, und achten Sie auf lange Aufgaben. Der Standarddurchlauf von Lighthouse klickt nichts an.
- Prüfen Sie nach dem Start Daten echter Besucher. Labortests sind nur eine Annäherung. Wenn das Widget einige Wochen live ist, vergleichen Sie den Core-Web-Vitals-Bericht in der Google Search Console oder Ihre eigenen Felddaten mit dem Zeitraum davor.
Was Sie mit dem Ergebnis tun
Ist der Unterschied auf Ihren Seiten gering, behalten Sie die Standardinstallation. Wenn nicht, laden Sie das Widget bei Interaktion oder nach Einwilligung, beschränken Sie es auf die Seiten, auf denen Chat nützlich ist, und schalten Sie Funktionen ab, die Sie nicht nutzen, etwa proaktive Pop-ups. Messen Sie dann erneut. Wenn Sie Produkte vergleichen, führen Sie dieselben Schritte für jedes Widget Ihrer Auswahl während der Testphase durch: LiveChat, Intercom und Zendesk bieten Testphasen an, und der Gratis-Tarif-Check zeigt, welche Produkte einen Gratis-Tarif haben, den Sie ohne Kosten installieren können.
Häufige Fragen
Welches Live-Chat-Widget ist am schnellsten?
Das wissen wir noch nicht, und wir werden nicht raten. Wir haben kein einziges Widget gemessen, und Geschwindigkeitsangaben der Anbieter sind Behauptungen über sich selbst. Testen Sie Ihre Auswahl mit der Methode auf dieser Seite auf Ihrer eigenen Website.
Heißt ein asynchrones Snippet, dass das Widget nichts an Geschwindigkeit kostet?
Nein. Asynchrones Laden verhindert, dass das Skript das erste Rendern blockiert, aber der Browser lädt und führt es trotzdem aus, und diese Arbeit kann die Reaktion auf Tippen und Klicks verzögern.
Fließt die Widget-Geschwindigkeit in Ihre Bewertungen ein?
Nein. Das Bewertungsschema v1.0 bewertet ausschließlich öffentliche Dokumentation. Die Widget-Geschwindigkeit kommt erst hinzu, wenn wir sie mit einer veröffentlichten Methode gemessen haben; siehe So bewerten wir.
Hilft das Laden des Widgets nach Einwilligung beim Cookie-Recht?
Das kann es. Wenn kein Widget-Code läuft, bevor der Besucher zustimmt, wird vor der Einwilligung nichts auf seinem Gerät gespeichert. Ob für ein Chat-Widget überhaupt eine Einwilligung nötig ist, behandelt der Ratgeber zu Live-Chat und Recht.
Weiterlesen
- Reicht ein kostenloser Live-Chat-Tarif für Ihr Team?Ratgeber
- Preise pro Nutzer oder pro Workspace: Was Ihre Teamgröße mit der Rechnung machtRatgeber
- Wie Live-Chat-Anbieter KI abrechnenRatgeber
- Live-Chat vs Chatbot vs KI-AgentRatgeber
- Beste Live-Chat-Software 2026Bestenliste
- Gratis-Tarif-Check: Passt Ihr Team in einen kostenlosen Live-Chat-Tarif?
Diese Seite wurde mit KI-Unterstützung anhand der hier aufgeführten Quellen recherchiert und verfasst. Wir haben diese Produkte nicht selbst installiert oder getestet. Methode: So bewerten wir