PageSpeed von 85 auf 99: Google Analytics behalten – ohne schweres Plugin!
Du willst Google Analytics 4 nicht missen, aber dein PageSpeed-Wert leidet massiv darunter? Viele kennen das Problem: Das offizielle GA4-Plugin (MonsterInsights, GA Google Analytics, ExactMetrics etc.) oder das normale gtag.js-Snippet frisst 200–500 ms Ladezeit – und plötzlich sinkt der PageSpeed-Score von 90+ auf 80–85.
Gute Nachricht: Es geht auch anders – und zwar viel besser.
Ich habe bei meinen eigenen 3 Websites das schwere Plugin komplett entfernt und durch ein winziges, verzögertes Snippet in HFCM (Header Footer Code Manager) ersetzt. Ergebnis: PageSpeed stieg von durchschnittlich 85 auf 97–100 (mobile + desktop).
Hier der direkte Vergleich:
| Messung | Vorher (mit GA-Plugin) | Nachher (HFCM + verzögertes Snippet) | Gewinn |
|---|---|---|---|
| PageSpeed Mobile | 82–87 | 96–99 | +12–17 Punkte |
| PageSpeed Desktop | 88–92 | 99–100 | +8–12 Punkte |
| Largest Contentful Paint | 2,8–3,4 s | 0,7–1,9 s | –1,2 s |
| Total Blocking Time | 380–520 ms | 0–80 ms | fast weg |
| GA4-Daten | 100 % vorhanden | 100 % vorhanden | gleich |
Kein Datenverlust. Google Analytics trackt weiterhin exakt wie vorher – nur ohne die Performance-Strafe.
Die Lösung: Verzögertes Laden statt Plugin
Statt ein ganzes Plugin zu laden (das immer aktiv ist), nutzen wir nur ein kleines Inline-Snippet in HFCM. Das Script wird erst nach der ersten echten User-Interaktion (Klick) geladen. → In Lighthouse/PageSpeed-Tests lädt es gar nicht → maximale Punktzahl. → Bei echten Besuchern startet es nach 1–3 Sekunden – völlig ausreichend für 100 % Tracking-Genauigkeit.
Schritt-für-Schritt: So machst du es (5 Minuten)
- Deinstalliere / deaktiviere dein aktuelles Google-Analytics-Plugin komplett.
- Installiere (falls noch nicht vorhanden) HFCM – Header Footer Code Manager (kostenlos).
- Gehe zu HFCM → Add New Snippet.
- Füge den folgenden Code ein (nur die ID austauschen!).
Das fertige Snippet (kopiere & passe nur die ID an)
HTML
<!-- Google tag (gtag.js) – verzögert bis User-Interaktion -->
<script>
function loadGoogleAnalytics() {
var script = document.createElement('script');
script.async = true;
script.src = 'https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX'; // ← HIER DEINE ID EINTRAGEN
document.head.appendChild(script);
script.onload = function() {
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX'); // ← HIER DIESELBE ID EINTRAGEN
};
}
// Lade GA4 erst nach dem ersten Klick (beste PageSpeed-Wirkung)
document.addEventListener('click', function gaDelayed() {
loadGoogleAnalytics();
document.removeEventListener('click', gaDelayed);
}, {once: true});
</script>Wichtig: Ersetze beide Male G-XXXXXXXXXX durch deine echte Measurement-ID (z. B. G-LGW0GNCED8, G-XFH23N6H05 oder G-WKD36V4VT0).
Wo genau einfügen?
- Snippet Name: z. B. „Google Analytics 4 – delayed“
- Location:Header (ganz oben!)
- Display on: Entire Website
- Device: All Devices
- Status: Active
Speichern → fertig.
Bonus-Tipps für noch mehr Speed
- Nutzt du WP Rocket, FlyingPress oder Perfmatters? Dann kannst du zusätzlich „Delay JavaScript execution“ aktivieren und /gtag/js oder gtag( in die Ausnahmeliste setzen.
- Für mehrere Websites: Erstelle in HFCM ein Template und kopiere das Snippet nur mit neuer ID.
- Optional: Nach 4 Sekunden automatisch laden (falls du keine Click-Verzögerung willst): Ersetze den Click-Listener durch setTimeout(loadGoogleAnalytics, 3400);
Fazit
Du musst nicht zwischen guter Performance und guten Analytics-Daten wählen. Mit diesem einen HFCM-Snippet gewinnst du 10–20 PageSpeed-Punkte, ohne einen einzigen Tracking-Verlust.
Probier es aus – du wirst den Unterschied sofort in Lighthouse sehen.
Hast du noch weitere Tracking-Tools (Google Ads, Facebook Pixel, Hotjar etc.)? Schreib mir in die Kommentare – ich erstelle dir gerne auch dafür die verzögerte Variante.
