Ladezeit am Handy: Warum das Titelbild Ihrer Handwerker-Website entscheidet

Was „schnell genug“ am Handy heißt

Google misst Ladezeit unter anderem mit dem Largest Contentful Paint (LCP): der Zeit, bis das größte sichtbare Element der Seite fertig angezeigt wird. Nach web.dev ist ein Wert von 2,5 Sekunden oder weniger gut, über 4,0 Sekunden gilt als schlecht. Gemessen wird am 75. Perzentil der Seitenaufrufe: Drei von vier Aufrufen sollen die Grenze einhalten. In die Zeit fließen auch Verbindungsaufbau und Wartezeiten des Servers ein, nicht nur das Bild selbst. Davor zählt der First Contentful Paint (FCP), der Moment, in dem überhaupt etwas angezeigt wird: Unter 1,8 Sekunden gilt er als gut, über 3,0 Sekunden als schlecht. Der Web Almanac 2025 zeigt, wie weit die Praxis beim LCP von der Grenze entfernt ist. Auf dem Handy haben 62 Prozent der Websites einen guten LCP, 25 Prozent brauchen Verbesserung, 13 Prozent sind schlecht. Am Desktop sind es 74, 18 und 7 Prozent. Wer nur am Computer testet, sieht bessere Werte als am Handy. Alle drei Core Web Vitals zusammen bestehen mobil 48 Prozent der Websites, am Desktop 56 Prozent.

Warum das Titelbild den Wert bestimmt

Bei 76 Prozent der mobilen Seiten ist ein Bild das LCP-Element, am Desktop sind es 85,3 Prozent. Text ist nur bei 23,7 Prozent der mobilen Seiten das größte Element. Bei der Mehrheit der mobilen Seiten hängt der LCP damit an einer Bilddatei. Als LCP-Element zählen nach web.dev unter anderem img-Elemente, das Vorschaubild eines Videos und Elemente mit einem per CSS eingebundenen Hintergrundbild. Ein Titelbild kann also auf mehreren technischen Wegen auf die Seite kommen, und jeder Weg hat eigene Stellschrauben. Ein Hintergrundbild aus dem Stylesheet wird zum Beispiel erst gefunden, wenn der Browser das Stylesheet geladen hat. Welcher es bei Ihnen ist, zeigt die Messung im nächsten Schritt. Für eine Handwerker-Website heißt das: Das große Foto im Kopfbereich, etwa der Dachstuhl, die Küche oder das Team vor dem Transporter, ist in diesem Fall das LCP-Element und bestimmt den Wert. Der Almanac weist darauf hin, dass bei der Ladezeit des größten Elements oft die Phase vor dem Download den größten Anteil hat, also die Zeit, bis der Browser das Bild überhaupt anfordert.

Vier Fehler beim Titelbild

Der Web Almanac misst vier Stellen, an denen Seiten beim Titelbild Zeit verlieren:

1. Das Titelbild wird verzögert geladen

Lazy Loading lädt Bilder erst, wenn sie fast sichtbar sind. Für Bilder weiter unten ist das sinnvoll, für das erste Bild nicht. Etwa 16 bis 17 Prozent der Seiten laden ihr LCP-Bild trotzdem verzögert. Das Bild kommt dann später als nötig.

2. Der Browser weiß nicht, was wichtig ist

Mit dem Attribut fetchpriority="high" lässt sich dem Browser sagen, dass ein Bild Vorrang hat. Das nutzen 17 Prozent der mobilen Seiten mit einem LCP-Bild. Ihr Entwickler kann es für das Titelbild setzen.

3. Das Bild hat ein ungünstiges Format oder die falsche Größe

57 Prozent der LCP-Bilder sind JPG, 26 Prozent PNG und nur 11 Prozent WebP. Moderne Formate wie WebP und AVIF komprimieren besser, was kleinere Dateien und schnellere Übertragung bedeutet. Originalfotos aus der Kamera sollten zudem nicht in voller Größe auf der Seite landen: Das Titelbild sollte nicht größer ausgeliefert werden, als es auf dem Handy dargestellt wird.

4. Das Bild kommt von einem fremden Server

Bei 16 bis 18 Prozent der Seiten liegt das Titelbild auf einem anderen Server als die Seite selbst. Dann braucht der Browser zusätzliche Zeit für den Verbindungsaufbau, bevor der Download beginnt. Liegt das Bild auf dem eigenen Server, entfällt dieser Schritt.

So prüfen Sie Ihre Startseite in fünf Minuten

Öffnen Sie PageSpeed Insights, geben Sie die Adresse Ihrer Startseite ein und wechseln Sie auf den Reiter „Mobil“. Notieren Sie den Wert für den Largest Contentful Paint. Messwerte aus dem Labor und von echten Nutzern können abweichen, weil im Feld auch Verbindungsaufbau und Weiterleitungen eingehen. Liegt der Wert über 2,5 Sekunden, sehen Sie in der Auswertung, welches Element der LCP ist. Ist es das Titelbild, wissen Sie, wo Sie ansetzen. Prüfen Sie danach dieselbe Seite noch einmal im Reiter „Desktop“, um den Unterschied zu sehen. Messen Sie jede Seite zweimal und notieren Sie beide Werte: Einzelmessungen schwanken, und ein einzelner Ausreißer sagt wenig über die Seite.

Textvorlage für Ihren Webentwickler

Wenn Ihre Seite von einem Dienstleister betreut wird, genügt dieser Auftrag zum Kopieren: „Bitte prüfen Sie auf unserer Startseite, ob das Titelbild verzögert geladen wird (loading=lazy). Falls ja, bitte abschalten. Bitte nennen Sie mir, wie das Titelbild eingebunden ist: als Bild-Element, als CSS-Hintergrundbild oder als Vorschaubild eines Videos. Bitte setzen Sie fetchpriority=high für das Titelbild, liefern Sie es in der tatsächlich angezeigten Größe und als WebP aus. Bitte senden Sie mir den PageSpeed-Wert für Mobil vorher und nachher.“ Die Messung vorher und nachher ist der wichtigste Teil. Sie zeigt, ob die Änderung etwas gebracht hat. Verlangen Sie beide Werte schriftlich, am besten als Screenshot aus PageSpeed Insights, damit Sie später nachvollziehen können, was sich verändert hat. Gut ist ein Ergebnis, wenn der LCP-Wert für Mobil auf oder unter 2,5 Sekunden liegt. Bleibt er darüber, ist die Messung der Ausgangspunkt für die nächste Runde: Dann kann es an einem anderen Element liegen oder an der Wartezeit des Servers.

Was Sie heute erledigen können

Testen Sie Ihre Startseite mit PageSpeed Insights auf dem Reiter „Mobil“ und schreiben Sie den LCP-Wert auf. Liegt er über 2,5 Sekunden und ist das Titelbild das größte Element, schicken Sie die Vorlage oben an Ihren Dienstleister. Wiederholen Sie die Messung nach jeder größeren Änderung an der Seite, etwa wenn ein neues Foto im Kopfbereich eingesetzt wird: Ein einzelnes zu groß hochgeladenes Bild kann einen guten Wert wieder verschlechtern. Wer eine Seite mit schnellem Titelbild sehen möchte, findet unten die kostenlose Website-Vorschau als einfachsten Weg.