Checkliste

Web wie der Blitz?
Starten Sie mit unserer Checkliste.

Warum Geschwindigkeit wichtig ist

Eine schnelle Website ist kein Trend. Es ist der Unterschied zwischen „kaufen“ und „gehen“. Zahlen bestätigen es, das Geschäft spürt es.

  • Durch die Verbesserung der Geschwindigkeit von deNatura.cz konnten wir bei PageSpeed.ONE die Google-Besucherzahlen um 17,3 % steigern.
  • Laden in einer Sekunde? 6× höhere Konversionen als bei vier Sekunden Ladezeit. Das haben wir bei einem großen E-Shop gemessen.
  • Auf der Website konnte der Konversionsrate um 25 % durch relativ einfache Änderungen erhöht werden.
  • Wenn die Seite die Core Web Vitals erfüllt, ist es 24 % weniger wahrscheinlich, dass der Benutzer vor dem Laden abspringt.
  • Schnellere Websites haben oft niedrigere PPC-Kosten. Dies zeigte sich beispielsweise nach der Optimierung von Livesport.

Für Nicht-Techniker: Performance-Kultur

Geschwindigkeit ist nicht nur ein Entwickler-Thema. Es betrifft alle – Entwickler, Designer, Marketer, Chef. Bändigen Sie das Chaos.

  • Halten Sie immer Monitoring aktiv. Probleme rechtzeitig erkennen, zufällige Verschlechterungen vermeiden.
  • Überzeugen Sie das Management, dass Geschwindigkeit ein wichtiges Geschäftsthema ist.
  • Haben Sie einen Performance-Manager im Unternehmen, der das Thema aktiv vorantreibt.
  • Setzen Sie die richtigen Metriken, bei größeren Websites über Core Web Vitals hinaus.
  • Schulen Sie alle Beteiligten, einschließlich Entwickler, Marketer, Content-Editoren und Designer.
  • Berücksichtigen Sie die Geschwindigkeit bereits bei der Planung neuer Funktionen und der Auswahl von Drittanbieter-Lösungen.
  • TIPP: Sehen Sie sich das Einführungsvideo zur Performance-Kultur an.

Optimierung von LCP (Ladegeschwindigkeit)

LCP misst, wann das Wichtigste auf der Seite erscheint. Sie haben 2,5 Sekunden Zeit.

  • Beschleunigen Sie die Serverantwort (TTFB). Wir empfehlen, unter 0,5 Sekunden zu bleiben.
  • Sorgen Sie für effizientere Kompression, z. B. mit Gzip oder Brotli auf Stufe 6-7.
  • Optimieren Sie Schriften. Reduzieren Sie die Datengröße und verhindern Sie das Ausblenden.
  • Verwenden Sie Lazy Loading. Aber richtig. Kein Lazy Loading für LCP-Bilder.
  • Erhöhen Sie die Priorität von LCP-Elementen. Zum Beispiel mit Preload oder Priority Hints.
  • Bilder. Verwenden Sie moderne Formate wie WebP oder AVIF.
  • Nutzen Sie CDN und ziehen Sie Cloudflare in Betracht.
  • TIPP: Lernen Sie, das LCP-Element zu finden und weitere LCP-Optimierungen zu studieren.

Optimierung von INP (Interaktionsreaktion)

INP misst, wie schnell die Website auf Klicks reagiert. Die Grenze liegt bei 200 Millisekunden.

  • Vermeiden Sie lange Aufgaben in JavaScript. Lange Aufgaben werden durch die TBT-Metrik gemessen.
  • Verzögern Sie nicht-kritischen Code. Nicht nötig für das erste Rendering? Verzögern Sie es.
  • Frameworks zähmen. Siehe unsere Texte zur Optimierung von React oder Vue.
  • Optimieren Sie Drittanbieter-Skripte wie GTM. Dort gibt es oft Probleme.
  • Verwenden Sie gelegentlich den Trick mit setTimeout(), um lange Aufgaben in kleinere zu teilen.
  • TIPP: Informieren Sie den Benutzer nach einem Klick, dass die Aktion dauert. Weitere Möglichkeiten zur INP-Optimierung finden Sie hier.

Optimierung von CLS (Layout-Stabilität)

CLS überwacht, ob sich die Seite ungewollt verschiebt. Der Grenzwert liegt bei 0,1.

Geschwindigkeits-Monitoring PLUS

5.400 Kč jährlich für die Website. Auf Rechnung, keine Karte erforderlich.

Einen Monat kostenlos ausprobieren

Tipy na závěr

Chcete další důležité technické tipy, které mohou ovlivnit více metrik?