Hotelwebsite schneller machen
Pagespeed, Core Web Vitals und mehr Direktbuchungen

Eine schnelle Hotelwebsite hilft Gästen, Zimmer, Preise und Leistungen ohne Wartezeit zu vergleichen. Sie unterstützt damit Nutzererlebnis, organische Sichtbarkeit und Direktbuchung – eine bestimmte Umsatzsteigerung lässt sich aus einem besseren Pagespeed-Wert allein jedoch nicht versprechen.

Was bedeutet Pagespeed bei einer Hotelwebsite?

Pagespeed ist mehr als die Zeit bis zum vollständigen Laden. Entscheidend ist, wann der wichtigste Inhalt sichtbar wird, wie schnell die Seite auf Eingaben reagiert und ob sich Elemente während des Ladens verschieben. Genau dafür nutzt Google die Core Web Vitals.

Die drei Core Web Vitals

Largest Contentful Paint (LCP)

LCP misst, wann das größte sichtbare Inhaltselement im ersten Bildschirm gerendert ist. Bei Hotelwebsites ist das häufig das Hero-Bild oder eine große Überschrift. Als guter Wert gilt höchstens 2,5 Sekunden.

Interaction to Next Paint (INP)

INP bewertet, wie schnell die Seite nach Klicks, Tippen oder anderen Interaktionen sichtbar reagiert. Als guter Wert gelten höchstens 200 Millisekunden. Besonders Buchungsbuttons, Navigation, Kalender, Pop-ups und Filter sollten ohne spürbare Verzögerung reagieren.

Cumulative Layout Shift (CLS)

CLS misst unerwartete Layoutverschiebungen. Ein Wert von höchstens 0,1 gilt als gut. Typische Ursachen sind Bilder ohne feste Abmessungen, nachgeladene Schriften, Cookie-Banner oder Buchungswidgets, die den Inhalt verschieben.

Google bewertet die Core Web Vitals am 75. Perzentil der Seitenaufrufe. Die aktuellen Definitionen und Grenzwerte erläutert die Dokumentation zu den Web Vitals.

PageSpeed Insights richtig lesen

PageSpeed Insights zeigt zwei unterschiedliche Datenarten:

• Felddaten stammen aus realen Chrome-Nutzungserfahrungen und bilden in der Regel einen Zeitraum von 28 Tagen ab.
• Labordaten entstehen in einem kontrollierten Lighthouse-Test und helfen, konkrete technische Ursachen zu finden.

Ein einzelner Lighthouse-Score ist deshalb keine endgültige Qualitätsnote. Teststandort, Gerät, Netzwerk, Seitentyp und Drittanbieter können das Ergebnis beeinflussen. Wichtiger ist, wiederholt unter vergleichbaren Bedingungen zu messen und Felddaten von Labordaten zu unterscheiden. Google erklärt den Unterschied in der Dokumentation zu PageSpeed Insights.

Die wichtigsten Pagespeed-Hebel für Hotels

1. Hero-Bild und Galerien optimieren

Hotelseiten sind bildintensiv. Verwende AVIF oder WebP, passende Abmessungen und responsive Bildvarianten. Das zentrale Bild im ersten Bildschirm darf nicht per Lazy Loading verzögert werden. Bilder weiter unten können dagegen mit loading="lazy" geladen werden.

• Hero-Bild im initialen HTML auffindbar machen
• für Mobilgeräte kleinere Varianten ausliefern
• Breite und Höhe angeben, um Layoutsprünge zu vermeiden
• nur tatsächlich benötigte Auflösung laden
• Galerien nicht vollständig beim ersten Seitenaufruf herunterladen

Die offizielle LCP-Empfehlung warnt ausdrücklich davor, das LCP-Bild verzögert zu laden: Largest Contentful Paint optimieren.

2. Videos bewusst einsetzen

Automatisch startende Hintergrundvideos können mehrere Megabyte übertragen und mobile Geräte belasten. Nutze ein optimiertes Vorschaubild, lade das Video erst bei Bedarf oder ersetze es auf kleinen Geräten durch ein Standbild.

3. Buchungsmaschine testen

Die Startseite kann schnell sein, während die externe Buchungsmaschine langsam reagiert. Miss deshalb den vollständigen Weg von der Landingpage bis zur Buchungsbestätigung. Prüfe insbesondere Kalender, Zimmerauswahl, Preisabfrage und Formulare auf Mobilgeräten.

4. Drittanbieter-Skripte reduzieren

Consent-Management, Analytics, Bewertungswidgets, Chat, Karten, Videos und Marketing-Tags können den Hauptthread blockieren und INP verschlechtern. Entferne Dienste ohne klaren Nutzen und lade nicht notwendige Skripte erst nach Zustimmung oder Interaktion.

async oder defer kann helfen, ist aber kein pauschaler Fix: Abhängigkeiten und Funktionsweise müssen für jedes Skript geprüft werden. Die Google-Empfehlungen zu Drittanbieter-JavaScript beschreiben die Risiken.

5. Schriften und CSS vereinfachen

Beschränke Schriftfamilien, Schnitte und externe Font-Dateien. Entferne ungenutzte Stile und priorisiere CSS, das für den ersten sichtbaren Bereich benötigt wird. Eine Systemschrift ist nicht zwingend erforderlich; eine bewusst reduzierte Markenschrift kann ebenfalls schnell laden.

6. Server, Caching und Weiterleitungen prüfen

Eine lange Serverantwort oder mehrere Weiterleitungen verzögern alle folgenden Ressourcen. Nutze passende Cache-Regeln, Komprimierung und ein CDN, wenn Besucher aus unterschiedlichen Regionen kommen. Prüfe aber zuerst, welcher Teil der Messung tatsächlich langsam ist.

Prioritäten statt Maßnahmenliste

1. Eine relevante Seite mobil und auf Desktop messen.
2. Prüfen, ob Felddaten verfügbar sind.
3. Das LCP-Element und die größten Netzwerkressourcen identifizieren.
4. Lang laufende Skripte und Drittanbieter erfassen.
5. Die größte realistische Ursache zuerst beheben.
6. Unter denselben Bedingungen erneut testen.
7. Ergebnisse und Änderungen dokumentieren.

Beginne mit Startseite, Zimmerseiten, Angebotsseiten und Buchungseinstieg. Ein schneller Blogbeitrag gleicht eine langsame Buchungsstrecke nicht aus.

Pagespeed-Checkliste für Hotelwebsites

• Core Web Vitals für Mobilgeräte und Desktop getrennt prüfen
• Hero-Bild nicht per Lazy Loading laden
• AVIF oder WebP und responsive Bildgrößen verwenden
• Bildabmessungen festlegen
• Videos erst bei Bedarf laden
• Buchungsmaschine auf realen Smartphones testen
• Cookie-, Tracking- und Marketing-Skripte auditieren
• nicht benötigte Widgets entfernen
• Schriften und Schriftschnitte reduzieren
• Weiterleitungen, Serverantwort und Caching prüfen
• nach jeder Änderung erneut messen

Häufige Fehler

Nur den Performance-Score betrachten

Ein Score vereinfacht viele Messwerte. Entscheidend sind die Ursachen sowie reale Nutzererfahrungen.

Alle Bilder verzögert laden

Lazy Loading ist für Inhalte unterhalb des ersten Bildschirms sinnvoll, kann das zentrale Hero- beziehungsweise LCP-Bild aber ausbremsen.

Jedes Skript auf async setzen

Skripte können voneinander abhängen. Ungeprüfte Änderungen führen schnell zu defekten Formularen, Consent-Prozessen oder Buchungsfunktionen.

Nur die Startseite optimieren

Gäste steigen auch über Zimmer, Angebote, Ratgeber und regionale Inhalte ein. Der Buchungsprozess gehört immer in die Messung.

Fazit: Geschwindigkeit muss den Buchungsweg unterstützen

Eine schnelle Hotelwebsite verbindet technische Performance mit einfacher Orientierung und einer reaktionsschnellen Buchungsstrecke. Priorisiere reale Core-Web-Vitals-Daten, große Bilder und Videos, Drittanbieter-Skripte sowie die mobile Buchung. So entstehen belastbare Verbesserungen statt kurzfristig schöner Testwerte.

Für die Gesamtplanung hilft unser Leitfaden zur Hotelwebseite. Gestaltung und Buchungsführung vertieft der Beitrag Die besten Hotelwebseiten 2026.