Cookie-Banner haben einen zweifelhaften Ruf: Sie verdecken die Seite, nerven Besucher — und sie kosten Ladezeit. Wie viel, hängt weniger vom Banner selbst ab als davon, wie die Consent-Lösung gebaut ist. Dieser Artikel zerlegt, wo die Kosten tatsächlich entstehen, wie du sie auf deiner eigenen Website misst und worauf du bei der Auswahl achten solltest.
Wie immer bei Consent-Themen: technische Betrachtung, keine Rechtsberatung.
Wo die Kosten entstehen
1. JavaScript im kritischen Pfad
Viele Consent-Management-Plattformen liefern ein Framework mit: React- oder Vue-Bundle, Regelwerk-Engine, Dienste-Datenbank, Übersetzungen. Das landet oft render-blockierend im <head> — der Browser wartet, bevor er überhaupt anfängt zu zeichnen. Selbst „kleine" CMP-Builds liegen schnell im mittleren zweistelligen Kilobyte-Bereich komprimiert; große Suiten deutlich darüber. Auf dem Smartphone in der Bahn ist das spürbar.
2. Externe CMP-Server
SaaS-Banner laden Script und Konfiguration von der CDN-Domain des Anbieters: zusätzlicher DNS-Lookup, zusätzlicher TLS-Handshake, zusätzliche Abhängigkeit. Fällt der Dienst aus oder antwortet langsam, wartet deine Seite — schlimmstenfalls blockiert ein Timeout den Banner und damit die Freischaltung sämtlicher Inhalte dahinter. Und neben der Latenz entsteht ein Datenschutz-Thema: Beim Abruf wandert die IP deiner Besucher zum CMP-Anbieter.
3. Layout-Shift und später Paint
Banner, die per JavaScript nachträglich in die Seite injiziert werden, schieben Inhalt oder decken ab — Cumulative Layout Shift in Reinform. Server-gerenderte Banner sind ab dem ersten Byte im HTML und verursachen keinen Shift. Das klingt nach Detail, ist aber eine der häufigsten Ursachen für schlechte CLS-Werte bei CMP-gesteuerten Seiten.
4. Fonts und Icons von Drittquellen
Manche Banner ziehen eigene Webfonts oder Icon-Sets vom Anbieter-CDN nach — ein weiterer Request, weitere Daten an Dritte, weiterer Punkt in der Datenschutzerklärung.
Was du zurückgewinnst: Consent Mode als PageSpeed-Freund
Eine oft übersehene Konsequenz des Google Consent Mode v2: Solange der Default „denied" lautet, laden Google-Tags in einem deutlich reduzierten Modus — oder, im Basic-Setup, gar nicht. Sprich: Die volle Mess-Maschinerie startet erst nach der Einwilligung. Ein Banner, der Google-Dienste erst nach window.load und nach Consent einbindet, hält den kritischen Rendering-Pfad sauber. Das ist kein Trick — es ist die vom Consent Mode vorgesehene Logik.
Die Faustregel daraus: Alles, was ohnehin erst nach Einwilligung lädt, darf den initialen Page Load nicht ausbremsen. Wer ein schweres CMP-Framework render-blockierend lädt, bezahlt Ladezeit für Code, den zwei Drittel der Besucher nie brauchen — weil sie ablehnen oder das Banner ignorieren.
So misst du es auf deiner Website
- PageSpeed Insights: Vorher/nachher vergleichen — besonders FCP, LCP und Total Blocking Time. Wichtig: PSI läuft ohne Einwilligung, du misst also den „Banner-erscheint"-Zustand.
- WebPageTest: Filmstrip zeigt, wann der Banner sichtbar wird und ob er Inhalt verschiebt. Der Request-Wasserfall verrät externe CMP-Domains auf einen Blick.
- DevTools → Coverage: Zeigt, wie viel des geladenen JS beim Load tatsächlich ausgeführt wird. Bei Framework-CMPs ist der ungenutzte Anteil meist frappierend.
- DevTools → Rendering → Layout Shift Regions: Macht den CLS des Banners direkt sichtbar.
Mess am besten zweimal: einmal als frischer Besucher (privates Fenster, Banner sichtbar) und einmal mit erteilter Einwilligung. Der zweite Fall zeigt, was die Lösung nach dem Consent nachlädt.
Checkliste: Worauf eine schnelle Consent-Lösung achtet
- Server-gerendertes Banner — HTML kommt mit, kein Injection-Shift
- Keine externen Calls — Script, Styles und Config liegen auf deinem Server (auch besser für die DSGVO: keine IP-Übertragung an den CMP-Anbieter)
- Kein JS-Framework — eine kleine CSS- und eine kleine JS-Datei genügen für Banner-Logik
- Google-Dienste nach window.load + Consent — nichts davon im kritischen Pfad
- Cache-sicher — die Blockierung muss mit gecachten Seiten funktionieren (Auslieferung blockiert, Freischaltung im Browser)
- Lokal gehostete Fonts/Icons — oder gleich System-Fonts im Banner
Fazit
Consent kostet Ladezeit — aber fast nie so viel, wie die großen CMP-Frameworks vermuten lassen. Der Unterschied liegt in der Architektur: server-gerendert, lokal gehostet, ohne externe Abhängigkeiten bleibt der Overhead minimal. Wir haben diese Prinzipien in Skit Consent umgesetzt — aus demselben Grund, aus dem dieser Artikel existiert: weil uns die üblichen Lösungen zu schwer waren.
Warteliste: Early-Access und Launchpreis per Mail — trag dich ein:
Newsletter
Updates zu neuen Releases, Features und Divi-5-Tipps — kein Spam.
Fast geschafft!
Fast geschafft! Bitte bestätige deine Anmeldung über den Link in der E-Mail, die wir dir gerade gesendet haben.