Eine Schrift von den Servern von Google zu laden löst eine ausgehende Anfrage aus dem Browser des Besuchers aus, vor jeder Einwilligung. Diese Anfrage übermittelt seine IP-Adresse, die Adresse der aufgerufenen Seite und seinen User Agent an einen Dritten außerhalb der Europäischen Union. Das ist eine Verarbeitung personenbezogener Daten ohne Rechtsgrundlage, und sie ist für jeden, der den Browser-Inspektor öffnet, trivial nachweisbar.
Ein Urteil des Landgerichts München von 2022 verurteilte einen Websitebetreiber genau auf dieser Grundlage, und der Fall wurde zur Basis einer Abmahnwelle in Deutschland. Datenschutzbehörden haben das Thema in ihren Empfehlungen aufgegriffen. Das Risiko ist nicht theoretisch.
Warum die Einwilligung das Problem nicht löst
Man könnte daran denken, die Schriften bis zur Einwilligung zu blockieren, wie ein Analyseskript. In der Praxis trägt dieser Ansatz nicht: Eine Seite, die auf die Einwilligung wartet, bevor sie ihre Schriften lädt, erscheint zuerst in einer Systemschrift und wechselt dann, was einen erheblichen visuellen Versatz erzeugt und die Erfahrung für alle verschlechtert.
Selbsthosting ist die einzige Antwort, die Konformität und Leistung zugleich löst. Sie laden die Dateien einmal herunter, liefern sie von Ihrer eigenen Domain aus, und keine Anfrage geht an einen Dritten.
Wo sich die Aufrufe in PrestaShop verstecken
Das ist der Teil, den die meisten Umstellungen übersehen. Ein aus dem Theme entfernter Aufruf bedeutet nicht, dass die Website sauber ist.
- Das Theme. Ein Link-Tag auf fonts.googleapis.com in der Header-Datei, mitunter begleitet von einer Preconnect-Anweisung.
- Die Stylesheets. Eine Import-Regel am Kopf einer CSS-Datei, oft vergessen, weil sie im Template-Code nicht auftaucht.
- Die Module. Ein Karussell-, Countdown- oder Pop-up-Modul, das seine eigene Schrift lädt. Jedes Modul fügt potenziell einen Aufruf hinzu.
- Die Icons. Beim selben Anbieter gehostete Icon-Bibliotheken werfen exakt dasselbe Problem auf.
- Der Inhalt. Eine CMS-Seite oder eine aus einem externen Editor eingefügte Produktbeschreibung kann ein Style-Tag enthalten, das eine entfernte Schrift importiert.
Google Fonts lokal einbinden PrestaShop 8/9 — DSGVO-konforme SchriftenIhre Google Fonts, gehostet auf Ihrem eigenen Server. Null Anfragen an Google, null geänderte Theme-Dateien.59,00€
Das Vorgehen
Vier Schritte, in dieser Reihenfolge.
1. Inventarisieren. Öffnen Sie den Netzwerk-Tab Ihres Browsers, filtern Sie auf Schriftdomains und laden Sie mehrere typische Seiten neu: Startseite, Kategorie, Produktseite, Warenkorb, CMS-Seite. Notieren Sie jede Familie und jeden tatsächlich angeforderten Schnitt.
2. Herunterladen. Holen Sie die Dateien im Format WOFF2, das alle aktuellen Browser abdeckt. Behalten Sie nur die Schnitte, die Sie wirklich verwenden: Eine in sechs Schnitten geladene Familie, während das Theme zwei nutzt, bedeutet mehrere hundert Kilobyte unnötige Last.
3. Deklarieren. Legen Sie die Dateien in Ihr Theme und deklarieren Sie jede Familie mit einer eigenen Schriftregel, mit einem Anzeigeverhalten vom Typ Swap, um unsichtbaren Text während des Ladens zu vermeiden.
4. Aufräumen. Entfernen Sie alle in Schritt 1 gefundenen entfernten Verweise, einschließlich der Preconnect-Anweisungen, die auch ohne Dateidownload eine Verbindung eröffnen.
Die Abschlussprüfung
Der Test erfolgt im Netzwerk-Tab, im privaten Fenster, mit geleertem Cache. Filtern Sie auf entfernte Schriftdomains: null Anfragen erwartet, auf allen typischen Seiten, angemeldet wie abgemeldet.
Zwei ergänzende Prüfungen lohnen sich. Das Back Office lädt mitunter eigene entfernte Schriften, was Ihre Besucher nicht betrifft, aber für Ihre Teams behandelt gehört. Und HTML-Transaktionsmails können ebenfalls Schriftaufrufe enthalten, was bei jedem Öffnen einer Nachricht Daten übermittelt.
Der Leistungsgewinn
Selbsthosting entfernt eine DNS-Auflösung, eine TLS-Aushandlung und eine Verbindung zu einer Fremddomain aus dem kritischen Renderpfad. Auf einer durchschnittlichen Mobilverbindung sind das üblicherweise mehrere hundert Millisekunden weniger bis zur Textanzeige.
Zwei Einstellungen runden den Gewinn ab. Das Vorladen der Hauptschrift, im Header deklariert, startet sie vor der CSS-Analyse. Und die Reduktion des Zeichensatzes auf die tatsächlich genutzten Alphabete verkleinert jede Datei, oft um die Hälfte, sobald man kyrillische und griechische Zeichen aus einer universellen Schrift entfernt.
Der Punkt zur Lizenz
Nahezu alle von Google verbreiteten Schriften stehen unter freier Lizenz, was Selbsthosting ohne Formalität erlaubt. Prüfen Sie dennoch die Lizenz der Familien, die Sie zu sich holen, besonders wenn Sie sie anderswo bezogen haben, und bewahren Sie die Lizenzdatei neben den Schriftdateien auf.
Die Umstellung automatisieren
Das Modul Lokale Google Fonts für PrestaShop deckt diese Kette auf PrestaShop 8 und 9 ab: Erkennung entfernter Aufrufe im Theme und in den Modulen, Download und lokales Hosting der genutzten Familien, Umschreiben der Verweise und Kontrolle, dass keine Anfrage übrig bleibt.
