Was ist ein Widget?
Du willst einen Live-Chat auf deiner Website, ohne selbst zu programmieren. Also kopierst du einen Code-Schnipsel vom Anbieter — und schon ist das Fenster da. Was du gerade eingebaut hast, ist ein Widget.
Ein Widget ist ein kleines, in sich geschlossenes Bauteil mit einer bestimmten Aufgabe. Das Wort begegnet dir in drei Welten:
- WordPress: Widgets füllen die Bereiche, die das Theme vorgibt, meist Seitenleiste und Footer. Seit WordPress 5.8 (Juli 2021) sind es Blöcke. In Block-Themes gibt es das Menü „Widgets“ gar nicht mehr, dort baust du im Website-Editor.
- Elementor: Hier sind Widgets die Bausteine jeder Seite — Überschrift, Bild, Button, Formular. Die Grundausstattung steckt im kostenlosen Plugin, weitere in Elementor Pro.
- Drittanbieter-Widgets: Chat, Bewertungen, Terminbuchung, Social-Feed, Karte. Ein Schnipsel lädt sie vom Server des Anbieters nach.
Was Widgets an Ladezeit kosten
Fremder Code ist fast überall: Laut HTTP Archive binden 92 % aller Seiten mindestens einen Drittanbieter ein (Web Almanac 2024). Im Median sind es 27 Drittanbieter pro Website. Ganz vorn dabei: Cookie-Banner, Videos und Chat-Fenster — die laut Almanac zu den schwereren gehören.
Fall A · Chat-Widget
Zendesk-Chat auf einer leeren Testseite
533 KB
zusätzliches Gewicht
9,3 s
bis der Chat sichtbar ist
Ein Fenster, das mehr wiegt als manche ganze Seite
DebugBear-Messung, Stand November 2025. Intercom kam auf 301 KB, Tawk.to auf 749 KB.
Fall B · Video-Embed
YouTube-Player mit Platzhalter
540 KB
voller Player
3 KB
Platzhalter bis zum Klick
Der Platzhalter spart über 99 %, bis jemand wirklich klickt
Beispiel aus der Chrome-Doku zum sogenannten Facade-Muster.
Lighthouse schlägt Alarm, wenn Drittanbieter-Code den Browser zusammen 250 Millisekunden oder länger blockiert. Das drückt die Core Web Vitals und damit, wie flüssig sich deine Seite anfühlt.
Widgets und Datenschutz
Viele Widgets schicken schon beim Laden der Seite Daten an den Anbieter, etwa die IP-Adresse. Der Europäische Gerichtshof hat 2019 im Fall Fashion ID entschieden: Wer den Like-Button von Facebook einbindet, ist für das Erheben und Weitergeben dieser Daten mitverantwortlich.
Dazu kommt § 25 TDDDG: Wer Informationen auf dem Gerät des Besuchers speichert oder ausliest, braucht eine Einwilligung, außer es ist für den gewünschten Dienst unbedingt nötig. Für Social-Feeds, Karten und Videos heißt das in der Praxis: erst laden, wenn der Besucher zustimmt. Das ist eine Einordnung, keine Rechtsberatung.
Häufige Fehler
Fehler 1 · „Ist doch nur ein Schnipsel“
Jeder Schnipsel holt fremden Code nach, den du nicht kontrollierst. Fünf Widgets à 400 KB sind zwei Megabyte, bevor dein eigener Inhalt überhaupt zählt.
Fehler 2 · Einbinden ohne Einwilligung
Google Maps, YouTube oder ein Instagram-Feed direkt im Code laden bei jedem Besuch, auch ohne Zustimmung. Ein Platzhalter mit „Inhalt laden“-Knopf löst Datenschutz und Ladezeit auf einen Schlag.
Fehler 3 · Barrierefreiheit dem Anbieter überlassen
Ein Chat-Fenster, aus dem man mit der Tastatur nicht mehr herauskommt, verstößt gegen die WCAG-Regel „keine Tastaturfalle“. Verantwortlich für das Ergebnis auf deiner Seite bist du, nicht der Anbieter.
Fehler 4 · Bewertungs-Widget ohne echte Bewertungen
Sterne wirken nur, wenn sie glaubwürdig sind. Das Spiegel Research Center fand: Die Kaufbereitschaft war bei 4,0 bis 4,7 Sternen am höchsten, nicht bei glatten 5,0. Drei alte Bewertungen von 2019 helfen dir nicht.
So setzt du Widgets sinnvoll ein
- Nur, was einen Zweck hat: Frag bei jedem Widget, ob es Anfragen, Buchungen oder Vertrauen bringt. Sonst raus.
- Spät laden: Chat und Social-Feeds erst nach der ersten Interaktion oder beim Scrollen. Viele Anbieter und Plugins wie Perfmatters oder WP Rocket bieten das an.
- Platzhalter nutzen: Videos und Karten mit Vorschaubild und Klick zum Laden — wie in Fall B.
- Consent-Tool einbinden: Widgets mit Datenfluss laufen über dein Cookie-Banner, etwa Borlabs Cookie oder Usercentrics.
- Regelmäßig messen: PageSpeed Insights zeigt unter „Drittanbieter“, wer am meisten bremst.
Häufige Fragen
Was ist der Unterschied zwischen Widget und Plugin?
Ein Plugin ist eine Software-Erweiterung, die du in WordPress installierst. Ein Widget ist ein sichtbares Bauteil auf der Seite, etwa ein Kalender oder ein Suchfeld. Plugins bringen oft Widgets mit, aber nicht jedes Widget braucht ein Plugin.
Machen Widgets meine Website langsamer?
Häufig ja, vor allem Drittanbieter-Widgets wie Chats, Videos und Social-Feeds. Sie laden zusätzlichen Code von fremden Servern. Mit verzögertem Laden und Platzhaltern lässt sich der Effekt stark verringern.
Brauche ich für ein Google-Maps- oder Social-Media-Widget eine Einwilligung?
In aller Regel ja, weil schon beim Laden Daten wie die IP-Adresse an den Anbieter gehen. Üblich ist ein Platzhalter, der den Inhalt erst nach Zustimmung lädt. Für deinen Einzelfall frag im Zweifel deinen Datenschutzberater.
Wo finde ich in WordPress die Widgets, wenn das Menü fehlt?
Dann nutzt du ein Block-Theme. Dort gibt es keine klassischen Widget-Bereiche mehr, Seitenleiste und Footer baust du unter Design im Website-Editor. Wer zurück zum alten Stil will, nutzt das offizielle Plugin „Classic Widgets“ mit einem klassischen Theme.
Bringt ein Bewertungs-Widget wirklich mehr Anfragen?
Echte Bewertungen schaffen Vertrauen, das ist gut belegt. Wie stark ein Widget wirkt, hängt aber von Zahl, Alter und Glaubwürdigkeit der Bewertungen ab. Teste es auf deinen wichtigsten Seiten und beobachte die Anfragen.
Quellen
- WordPress.org: Widgets verwalten
- WordPress.org: Block-Widget-Editor
- Elementor Help Center: Was ist ein Widget?
- HTTP Archive: Web Almanac 2024, Third Parties
- Chrome for Developers: Drittanbieter-Code reduzieren
- Chrome for Developers: Drittanbieter mit Fassaden laden
- Verbraucherzentrale NRW: EuGH zum Like-Button
- § 25 TDDDG
- W3C: WCAG 2.2
- Spiegel Research Center: How Online Reviews Influence Sales
