Google Maps: Einfluss auf den Pagespeed
Kategorie: Karten-Einbettung
Eine interaktive Google-Karte lädt das Maps-JavaScript und die Kartenkacheln, sobald sie dargestellt wird. Auf vielen Websites steht sie im Footer oder auf der Kontaktseite, wo die meisten Besucher nie mit ihr interagieren.
Auf 3,1 % der 4108 gemessenen Startseiten gehört Google Maps zu den fünf schwersten Drittanbietern. Dort kostet es im Median 166 ms Main-Thread-Zeit, auf dem schwersten Viertel dieser Websites 222 ms oder mehr.
3,1 %
der Startseiten: unter den fünf schwersten Drittanbietern
166 ms
Main-Thread-Zeit (Median)
222 ms
Main-Thread-Zeit auf dem schwersten Viertel (p75)
375 KB
Transfergröße (Median)
Verteilung über die Startseiten
Perzentile über 129 Startseiten mit Google Maps.
| Perzentil | Main-Thread-Zeit | Transfergröße |
|---|---|---|
| p25 |
126 ms
|
246 KB |
| Median |
166 ms
|
375 KB |
| p75 |
222 ms
|
386 KB |
| p90 |
294 ms
|
395 KB |
Einordnung
Nach Median der Main-Thread-Zeit liegt Google Maps auf Rang 19 von 65 Drittanbietern im Benchmark, leichter als Google/Doubleclick Ads und schwerer als TikTok.
Auf 17 % der Startseiten, auf denen es vorkommt, verbraucht Google Maps allein 250 Millisekunden Main-Thread-Zeit oder mehr. Ab dieser Marke bemängelt Lighthouse Drittanbieter-Code.
Startseiten mit Google Maps wiegen im Median 5,4 MB (JavaScript: 2,1 MB), Startseiten ohne 4,3 MB (JavaScript: 1,6 MB).
Häufig zusammen geladen mit
Anteil der Startseiten mit Google Maps, auf denen das andere Tool ebenfalls zu den fünf schwersten Drittanbietern gehört.
- Google Tag Manager 75 %
- Facebook 34 %
- Google CDN 21 %
So erkennen Sie Google Maps auf Ihrer Seite
Die Maps-JavaScript-API lädt von maps.googleapis.com, auf manchen Websites noch über die ältere Adresse maps.google.com, und holt von dort die Kartendaten. Filialfinder mit Suche und Markierungen rechtfertigen die interaktive Karte, eine einzelne Adresse im Footer meist nicht. Ein statisches Bild des Standorts mit Link zu Google Maps gibt Besuchern dieselbe Information, ohne die Karten-Engine zu laden.
So verringern Sie den Einfluss von Google Maps
- Zeigen Sie ein statisches Kartenbild mit Link zu Google Maps oder laden Sie die interaktive Karte erst beim Klick.
- Laden Sie Karten weiter unten auf der Seite erst, wenn sie in den sichtbaren Bereich scrollen.
- Entfernen Sie Karten aus Vorlagen, in denen sie auf jeder Seite erscheinen.
Häufige Fragen
Wie binde ich Google Maps schonender ein?
Zeigen Sie ein statisches Kartenbild mit Link zu Google Maps oder laden Sie die interaktive Karte erst beim Klick. Laden Sie Karten weiter unten auf der Seite erst, wenn sie in den sichtbaren Bereich scrollen.
Beeinflusst Google Maps die Core Web Vitals?
Eine eingebettete Google-Karte ist für ihre Größe schwer: Die interaktive Karte lädt Kacheln, Schriften und ein großes JavaScript-Paket. Auf einer Kontakt- oder Standortseite, auf der die Karte im sichtbaren Bereich steht, kann sie den LCP verzögern, und ihre Skripte belasten den INP-Wert. Ein Kartenbereich ohne feste Höhe verschiebt alles darunter, sobald die Karte gerendert wird.
Methode und Stichprobe: Drittanbieter-Benchmark.