Zum Inhalt springen
Horanos

Web

Website-Geschwindigkeit: was Google wirklich misst und wie Sie es verbessern

Drei Kennzahlen, die über das Erlebnis Ihrer Besucher entscheiden, ihre häufigsten Ursachen – und warum Bilder die meisten davon erklären.

2 Min. Lesezeit

Illustration of a website speed gauge with LCP, INP and CLS metrics and a flag on image file size

„Die Seite ist langsam“ lässt sich nicht beheben, weil es nichts aussagt. Langsamkeit sind drei verschiedene Dinge, jedes mit eigener Ursache und eigener Lösung: wann der Inhalt erscheint, wann er auf Berührung reagiert und ob er unter Ihrem Finger springt.

Die drei Kennzahlen

  • LCP – wann das größte sichtbare Element erscheint (meist ein Bild oder eine Überschrift). Ziel: unter 2,5 Sekunden.
  • INP – wie lange die Website braucht, um auf ein Antippen zu reagieren. Ziel: unter 200 Millisekunden.
  • CLS – wie stark sich das Layout beim Laden verschiebt. Ziel: unter 0,1, und null ist erreichbar.

Bilder: die größte Ursache und die einfachste Lösung

Bei den meisten Websites, die gemessen werden, erklären allein die Bilder den Großteil der Langsamkeit. Die Lösung besteht aus drei Schritten, mehr nicht:

  1. 01Exportieren Sie Bilder in der Größe, in der sie tatsächlich angezeigt werden. Ein 4000 Pixel breites Bild, das mit 800 Pixeln dargestellt wird, verschwendet neun Zehntel seines Gewichts.
  2. 02Nutzen Sie ein modernes Format (WebP oder AVIF): 30–50 % kleiner ohne sichtbaren Unterschied.
  3. 03Geben Sie Breite und Höhe im Markup an. Das allein verhindert Layoutverschiebungen, weil der Browser den Platz reserviert, bevor das Bild ankommt.

Schriften

Eine eigene Schrift lädt erst, nachdem die Darstellung begonnen hat; der Text erscheint also verspätet oder springt, wenn die Schrift ankommt. Nutzen Sie font-display: swap, damit der Text sofort in einer Ersatzschrift erscheint, und wählen Sie eine Ersatzschrift mit ähnlichen Maßen, damit der Wechsel nicht auffällt. Laden Sie nur die Schriftschnitte, die Sie wirklich verwenden: Jeder Schnitt ist eine weitere Datei.

Was nur der Server beheben kann

Wenn der Server selbst das erste Byte nur langsam sendet, baut jede Optimierung im Browser auf einem verspäteten Fundament auf. Behalten Sie die Time to First Byte im Blick: Liegt sie dauerhaft über einer halben Sekunde, liegt das Problem bei Ihrem Hosting oder Ihren Datenbankabfragen, nicht bei Ihren Bildern.

Und schließlich: Optimieren Sie nicht ohne zu messen. Ändern Sie eine Sache, messen Sie erneut und notieren Sie den Wert. Optimieren ohne Messung ist teures Rätselraten.

War dieser Artikel hilfreich?

Weiterlesen

Wissensdatenbank