Self-Hosting Google Fonts sind beliebt in WordPress für ihre kostenlose, einfache Integration – aber die Verknüpfung mit ihnen über Googles CDN fügt externe Anfragen, DNS-Lookups und potenzielle Datenschutzprobleme (GDPR-Belange). Self-hosting Google Fonts bedeutet, die Schriftdateien herunterzuladen und von Ihrem eigenen Server zu bedienen, was die Ladezeiten deutlich verbessern kann, TTFB (Time to First Byte) reduzieren und Core Web Vitals verbessern kann. Mit Googles schnell fokussierten Algorithmen und steigenden Datenschutzbestimmungen ist Self-Hosting eine intelligente Optimierung für jede Website mit Web-Schriften.
Bei Cope Business, wir Self-host Schriftarten für Kunden während unserer technische SEO Audits und WordPress Geschwindigkeitsoptimierung Dienstleistungen, oft schneiden schriftartbedingte verzögerungen um 100–300ms und verbesserung der rankings.
Diese ultimative Anleitung erklärt, warum Selbst-Hosting Angelegenheiten, die Pros/cons und drei Schritt-für-Schritt-Methoden, um es in WordPress zu tun — von Plugins (leicht) bis manuelle Einrichtung (vollständige Kontrolle).
Warum Self-Host Google Fonts in WordPress?
- Schnellere Belastung: Beseitigen Sie externe HTTP-Anfragen & DNS-Lookups auf fonts.googleapis.com
- Bessere Leistung: Verbessert LCP (Largest Contentful Paint) durch Reduktion von Render-Blocking-Ressourcen
- Datenschutz: Keine an Google gesendeten Daten (Hilfe DSGVO/CCPA – Vermeidet Tracking-Pixel)
- SEO Boost: Schnellere Seite = bessere Rankings; selbstgehostete Schriftarten können gecached/CDN-optimiert werden
- Offline Zuverlässigkeit: Schriftarten laden selbst wenn die Server von Google nach unten sind
- Anpassung: Einfacher zu subset Schriftarten (entfernen Sie ungenutzte Zeichen für kleinere Dateien)
Rückmeldungen:
- Manuelle Updates für neue Schriftvarianten
- Leicht mehr Rüstzeit
- Dateigröße erhöhen (aber Kompression/CDN mildert dies)
Wenn Ihre Website mehrere Schriftarten verwendet, kann Self-Hosting 200–500ms ab Ladezeiten rasieren – riesig für SEO.
Schritt für Schritt: Wie man Google Fonts in WordPress
Methode 1: Verwendung eines Plugins (Easiest & Automatic – Empfohlen)
Plugins automatisieren das Herunterladen, Hosting und die Optimierung von Google Fonts.
Empfohlenes Plugin: OMGF (Optimieren Sie meine Google Fonts – Kostenlos/Pro)
OMGF ist das beste dedizierte Plugin für die Selbsthostung von Google Fonts.
Schritte
- Installieren OMGF von Plugins > Neues hinzufügen.
- Aktivieren → Gehen Sie zu Einstellungen > Google Fonts optimieren.
- Klicken Sie auf Scan-Site — OMGF erkennt alle auf Ihrer Website verwendeten Google Fonts.
- Ermöglichen Host Google Fonts Lokal — Es lädt WOFF2 Dateien automatisch herunter.
- Anpassen:
- Schriftarten vorladen (verbessert das Laden — siehe unsere führung)
- Verwenden Sie Schriftdisplay: Swap (verhindert unsichtbaren Text)
- Subset Schriftarten (z.B. nur Latein) für kleinere Größen
- Klicken Sie auf Änderungen speichern — Schriften sind jetzt selbstgehostet.
- Test mit GTmetrix: Keine weiteren schriftarten.googleapis.com Anfragen.
Pro Version (~$29/Jahr): Fortgeschrittene Untereinstellung, Schriftentladung, Prioritätsunterstützung.
Alternative Plugin: Perfmatten (bezahlt ~ 24$/jahr) oder Autoptimieren (kostenlos) — Aktivieren Sie “Google Fonts Optimization”.
Pros: Automatische, keine manuellen Downloads, einfache Vorladung/Swap. Negativ: Füget ein leichtes Plugin hinzu.
Methode 2: Manuelle Download & Upload (Kostenlose und vollständige Kontrolle)
Für Präzision oder wenn Sie keine Plugins bevorzugen.
Schritte
- Identifizieren Sie Ihre Schriften: Verwenden Sie Browser-Dev-Tools (F12 → Netzwerk → Schriftarten) oder überprüfen Sie Thema / Plugin CSS.
- Download von Google Fonts: Gehen Sie zu fonts.google.com → Wählen Sie Ihre Schriftart → Familie herunterladen (ZIP mit TTF/WOFF2).
- Umrechnen in WOFF2: Verwenden Sie Werkzeuge wie Font Squirrel oder online-Konverter (WOFF2 ist kleinste/schnellste).
- Hochladen auf Ihre Website: FTP zu /wp-content/themes/your-theme/fonts/ (erstelle Ordner).
- Update CSS: In Child Theme style.css oder Zusätzliche CSS:
CSS@font-face { font-family: 'Open Sans'; src: url('/wp-content/themes/your-theme/fonts/opensans.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; // Prevents FOIT }- Vorladen: Zum Kopf hinzufügen (über WPCode oder Funktionen.php):
PHPfunction cope_preload_selfhosted_fonts() { echo '<link rel="preload" href="/wp-content/themes/your-theme/fonts/opensans.woff2" as="font" type="font/woff2" crossorigin="anonymous">'; } add_action('wp_head', 'cope_preload_selfhosted_fonts', 1);- Test: Clear cache → Prüfen Sie GTmetrix für selbstgehostete Schriftarten.
Pros: Keine Plugins, komplette Kontrolle, einfache Updates.
Negativ: Manual; update CSS, wenn Schriftarten ändern.
Methode 3: Verwendung eines Performance Plugins für Automatisierung (Hybrid Approach)
Wenn Sie bereits ein Speed-Plugin verwenden.
Schritte mit WP Rocket
- Installieren WP Rocket (~$59/jahr).
- Gehen Sie WP Rocket > Einstellungen > Dateioptimierung > Google Fonts.
- Ermöglichen Google Fonts optimieren — Es Auto-Downloads, Hosts vor Ort und Vorladungen.
- Save → Fertig.
Alternative: Perfmatten — Aktivieren Sie “Local Google Fonts”.
Pros: Kombiniert mit anderen Optimierungen (Caching, Minification).
Negativ: Premium.
Best Practices für die Selbst-Hosting Google Fonts
- Schriftart-Display verwenden: swap — Verhindert unsichtbaren Text während der Last (FOIT).
- Subset Fonts: Entfernen Sie ungenutzte Zeichen (Latin nur, wenn nicht international) — verwenden Sie Google Fonts Helper oder OMGF.
- Critical Fonts vorladen: Nur ober-the-fold Schriftarten vorladen (siehe unsere führung).
- Host auf CDN: Verwenden Sie BunnyCDN oder Cloudflare, um Schriftarten global schnell zu bedienen.
- Prüfleistung: GTmetrix/PageSpeed Insights — zielen auf keine schriftartenbezogenen Warnungen.
- Datenschutz: Self-hosting vermeidet Google-Tracking-Pixel.
- SEO: Schnellere Schriftarten = besser LCP = höhere Rangierungen.
Self-Hosting kann externe Anfragen um 2–4 reduzieren, die Ladezeit um 100–300ms reduzieren.
Letzte Gedanken
Self-hosting Google Fonts in WordPress ist ein einfacher Leistungsgewinn, der Geschwindigkeit, Privatsphäre und SEO steigert. Verwendung OMGF für automatisches setup oder manuelle methode zur steuerung – beide machen ihre website schneller und konformer.
Geschwindigkeit und Datenschutz – optimieren Sie Ihre Schriften jetzt.
Brauchen Sie Hilfe zur Selbsthostung von Schriften, zur Reduzierung externer Anfragen oder zur Durchführung einer Vollgeschwindigkeitsprüfung? Kontakt Cope Business für eine kostenlose technische SEO Beratung – wir analysieren Ihre Website und implementieren Optimierungen für Spitzenleistung.
