DE

Wie optimiert man die Website-Geschwindigkeit?

Eine langsame Website kostet Sie Besucher, Rankings und Geld. Hier sind die praktischen, bewährten Schritte, um Ihre Ladezeiten ab heute zu verbessern.

Veröffentlicht
Aktualisiert
Länge
6 Min. Lesezeit

Eine Sekunde Verzögerung bei der Seitenladezeit senkt die Konversionen um 7%. Das ist keine Vermutung. Das zeigt Googles eigene Forschung.

Ihre Besucher warten nicht. Wenn Ihre Website mehr als 3 Sekunden zum Laden braucht, verlässt über die Hälfte der mobilen Nutzer die Seite, bevor sie ein einziges Wort Ihres Inhalts sehen. Und Google beobachtet diese Absprungraten.

Geschwindigkeit ist kein Nice-to-have. Sie ist das Fundament, auf dem alles andere steht.

Warum Geschwindigkeit Ihre Rankings beeinflusst

Google verwendet Core Web Vitals als Ranking-Faktor. Drei Metriken sind am wichtigsten:

  • Largest Contentful Paint (LCP) misst, wie lange es dauert, bis der Hauptinhalt sichtbar ist. Ziel: unter 2,5 Sekunden.
  • Interaction to Next Paint (INP) misst, wie schnell Ihre Seite auf Benutzerinteraktionen während des gesamten Besuchs reagiert, nicht nur beim ersten Klick. Ziel: unter 200ms. INP hat First Input Delay (FID) als Core Web Vital im März 2024 abgelöst.
  • Cumulative Layout Shift (CLS) misst, wie sehr die Seite beim Laden springt. Ziel: unter 0,1.

Testen Sie Ihre Website jetzt über PageSpeed Insights. Sie sehen genau, wo Sie stehen. Für eine tiefere Analyse liefert der Lighthouse-Tab in Chrome DevTools (in jedem Chrome-Browser integriert) dieselben Daten plus ein vollständiges Wasserfall-Diagramm, das zeigt, welche Dateien wann laden und wie lange jede einzelne dauert.

Schwellenwerte der drei Core Web Vitals: LCP gut unter 2,5 Sekunden, schlecht über 4,0; INP gut unter 200ms, schlecht über 500; CLS gut unter 0,1, schlecht über 0,25.
Die drei Schwellen, nach denen Google tatsächlich bewertet. Für Sie zählt die erste Zahl jeder Zeile: bleiben Sie links der roten Linie.Bild in voller Größe ansehen

Die größten Geschwindigkeitskiller

Nicht optimierte Bilder

Das ist der Übeltäter Nummer eins auf fast jeder langsamen Website. Ein einziges hochauflösendes JPEG kann 3-5MB haben. Ihre gesamte Seite sollte idealerweise unter 1-2MB total liegen.

Balkendarstellung: dasselbe Bild mit 1536 Pixeln Breite wiegt 2288 KB als PNG, 203 KB als JPEG und 159 KB als WebP.
Das Titelbild dieser Seite, in drei Formaten bei 1536 Pixeln Breite kodiert. WebP lag bei gleicher Qualitätsstufe 22% unter JPEG und 93% unter dem PNG-Original.Bild in voller Größe ansehen

Lösungen:

  • Verwenden Sie das WebP-Format. Es ist 25-35% kleiner als JPEG bei gleicher Qualität.
  • Komprimieren Sie alles. Tools wie Squoosh, TinyPNG oder ImageOptim reduzieren die Dateigröße um 60-80% ohne sichtbaren Qualitätsverlust.
  • Setzen Sie korrekte Dimensionen. Laden Sie kein 4000px-Bild, um es mit 400px anzuzeigen. Skalieren Sie auf das, was Sie tatsächlich brauchen.
  • Lazy Loading für Bilder unterhalb des sichtbaren Bereichs. Laden Sie nur, was sichtbar ist. Der Rest kann warten, bis der Nutzer scrollt.

Zu viele HTTP-Anfragen

Jede Datei, die Ihre Seite lädt (CSS, JavaScript, Schriften, Bilder, Tracking-Scripts), erfordert eine separate Anfrage. Mehr Anfragen bedeuten mehr Warten.

Aufschlüsselung eines WordPress-Seitenaufrufs: insgesamt 158 Anfragen und 1898 KB, davon 75 Scripts, 58 Link-Elemente, 13 CSS-Dateien, 9 Bilder und 3 iframes.
Eine WordPress-Startseite, kalt gemessen. 158 Anfragen, bevor ein Besucher ein Wort liest, und drei Viertel davon sind Scripts und Stylesheets.Bild in voller Größe ansehen

Lösungen:

  • CSS-Dateien wo möglich zusammenfassen.
  • Drittanbieter-Scripts minimieren. Das Chatbot-Widget, der Analytics-Tag, das Social-Media-Embed. Jedes einzelne fügt Gewicht hinzu.
  • SVGs statt Icon-Fonts für kleine Grafiken verwenden.
  • Plugins überprüfen. WordPress-Websites haben oft 20+ Plugins, jedes fügt eigene Scripts hinzu.

Keine Caching-Strategie

Wenn ein Besucher auf Ihre Website zurückkehrt, sollte der Browser nicht alles von Grund auf neu laden.

Lösungen:

  • Browser-Caching. Setzen Sie Cache-Header, damit statische Assets (Bilder, CSS, Schriften) lokal für Tage oder Wochen gespeichert werden.
Dieselbe Seite zweimal gemessen: die übertragenen Daten fallen von 1898 KB auf 1 KB und die Ladezeit von 1854ms auf 549ms, während die Anzahl der Anfragen kaum sinkt, von 158 auf 156.
Dieselbe Seite, zweimal in einer Sitzung geladen. Caching ändert kaum, wie viele Anfragen rausgehen. Es ändert, was sie kosten.Bild in voller Größe ansehen
  • CDN (Content Delivery Network). Dienste wie Cloudflare verteilen Ihre Website auf Server weltweit. Ein Besucher in Wien lädt vom Frankfurter Server, nicht von einem in den USA.

Render-blockierende Ressourcen

Einige CSS- und JavaScript-Dateien blockieren die Seitendarstellung, bis sie vollständig geladen sind.

Zwei Ladezeitachsen für dieselben Dateien. Mit einem einfachen script-Tag verarbeitet der Browser HTML, wartet dann auf JavaScript, dann CSS, und der erste Bildaufbau erfolgt spät. Mit dem defer-Attribut rückt das Script hinter das CSS und der erste Bildaufbau erfolgt deutlich früher.
Dieselben Dateien, dieselben Bytes, andere Reihenfolge. `defer` macht das JavaScript nicht kleiner, es nimmt ihm nur den Platz vor dem ersten Bildaufbau.Bild in voller Größe ansehen

Lösungen:

  • Kritisches CSS inline im HTML-Head laden.
  • Nicht-kritisches JavaScript mit dem defer- oder async-Attribut zurückstellen.
  • Ungenutztes CSS und JS entfernen. Die meisten WordPress-Themes liefern weit mehr Code aus, als eine einzelne Seite benötigt.

Das WordPress-Geschwindigkeitsproblem

WordPress selbst ist nicht grundsätzlich langsam. Aber die Art, wie die meisten Websites auf WordPress gebaut werden, ist es.

Page Builder wie Elementor fügen Schichten von HTML, CSS und JavaScript hinzu, die eine handcodierte Website nicht braucht. Eine typische Elementor-Seite generiert 2-3x mehr Code als nötig. Fügen Sie ein paar Plugins und ein schweres Theme hinzu, und Sie schauen auf 4-5 Sekunden Ladezeit ohne Eingriff.

Wenn Sie auf WordPress sind, macht die richtige Optimierung einen echten Unterschied. Aber wenn Sie frisch starten, sind individuell codierte Websites standardmäßig schneller, weil Sie nur den Code ausliefern, den Sie tatsächlich brauchen. Den Unterschied zwischen Webdesign und Webentwicklung zu verstehen hilft zu erkennen, warum die technischen Entscheidungen Ihres Entwicklers einen so direkten Einfluss auf die Geschwindigkeit haben.

Wie eine Geschwindigkeitsoptimierung wirklich aussieht

Hier ein reales Szenario, das wir ständig sehen. Ein lokales Unternehmen betreibt eine WordPress-Website mit Elementor, 18 Plugins und unkomprimierten Bildern. PageSpeed-Mobilwert: 28. Ladezeit: 6,2 Sekunden.

Nach der Optimierung (Konvertierung der Bilder in WebP, Entfernung von 11 ungenutzten Plugins, Ersetzung von Elementor-Sektionen durch sauberes HTML, Aktivierung von Cloudflare-Caching und Zurückstellung nicht-kritischer Scripts) erreicht dieselbe Website 89 auf Mobilgeräten. Ladezeit: 1,8 Sekunden. Gleicher Inhalt. Gleiches Hosting. Nur weniger Ballast.

Das Ergebnis? Die Absprungrate sank um 35%, die durchschnittliche Sitzungsdauer stieg um 40%, und die Website rückte innerhalb von zwei Monaten von Seite 3 auf Seite 1 für ihr primäres Keyword vor.

Schnelle Erfolge, die Sie heute umsetzen können

  1. Starten Sie PageSpeed Insights und machen Sie einen Screenshot Ihrer Ergebnisse.
  2. Komprimieren Sie alle Bilder ins WebP-Format mit Squoosh (kostenlos, läuft im Browser).
  3. Aktivieren Sie Browser-Caching über Ihr Hosting-Panel.
  4. Richten Sie Cloudflare ein (der kostenlose Plan reicht völlig aus).
  5. Entfernen Sie Plugins und Scripts, die Sie nicht aktiv nutzen.
  6. Testen Sie erneut und vergleichen Sie. Bewahren Sie beide Screenshots auf.

Wie schnell ist schnell genug?

Unter 2 Sekunden auf dem Desktop. Unter 3 Sekunden auf dem Smartphone über 4G. Das ist das Ziel.

Jede Verbesserung baut aufeinander auf. Schnellere Seiten ranken besser, konvertieren mehr und sind günstiger auszuliefern. Geschwindigkeitsoptimierung ist die Maßnahme mit dem höchsten ROI, die Sie an jeder Website vornehmen können. Tatsächlich steigert eine optimierte Website den Umsatz direkt auf eine Weise, die die meisten Unternehmen unterschätzen.

Wir bauen schnelle Websites von Grund auf. Möchten Sie wissen, wie Ihre aktuelle Website performt? Holen Sie sich eine kostenlose Website-Analyse.

Diesen Artikel teilen

Verwandte Artikel

KontaktWhatsApp