Blogbeitrag · SEO

Wie machen Sie Ihre Website schneller? Leitfaden zur Optimierung der Core Web Vitals

KepezWeb-Team Aktualisiert: 14 Min. Lesezeit SEO
Wie machen Sie Ihre Website schneller? Leitfaden zur Optimierung der Core Web Vitals

12 bewährte Methoden für schnellere Websites: Bildoptimierung, Caching, CDN, kritisches CSS, Verbesserungen bei LCP/INP/CLS und passende Messwerkzeuge.

Die Website-Geschwindigkeit ist eine wichtige Kennzahl für Suchmaschinen und Conversions. Ladeverzögerungen können zum Absprung beitragen; messen Sie ihre Wirkung anhand Ihrer eigenen Nutzerdaten. Google berücksichtigt Core Web Vitals als Ranking-Signal. In diesem Leitfaden erklären wir Ihnen Schritt für Schritt 12 bewährte Methoden, mit denen Sie Ihre Website beschleunigen können.

Core Web Vitals: Googles 3 Kennzahlen zur Nutzererfahrung

KennzahlWas wird gemessen?Guter Wert
LCP (Largest Contentful Paint)Zeit bis zur Anzeige des größten Inhaltselements< 2,5 Sekunden
INP (Interaction to Next Paint)Reaktionszeit auf Interaktionen< 200 ms
CLS (Cumulative Layout Shift)Ausmaß unerwarteter Layoutverschiebungen< 0,1

Diese Kennzahlen können Sie mit PageSpeed Insights, Search Console → Core Web Vitals und Lighthouse in den Chrome DevTools prüfen.

12 bewährte Methoden für schnellere Websites

1. Wandeln Sie Bilder in WebP/AVIF um

Bilder können einen beträchtlichen Anteil des Seitengewichts ausmachen. Einsparungen durch AVIF und WebP hängen vom Bildinhalt und der Qualitätseinstellung ab. Vergleichen Sie Ergebnisse bei gleicher sichtbarer Qualität. Verwenden Sie das <picture>-Element, um moderne Formate mit JPEG als Rückfalloption bereitzustellen.

2. Geben Sie für Bilder width/height an und nutzen Sie Lazy Loading

Größenangaben helfen, Layoutverschiebungen zu vermeiden; bei Bildern außerhalb des sichtbaren Bereichs reduziert loading="lazy" die anfängliche Ladebelastung. Beim LCP-Bild sollten Sie kein Lazy Loading, sondern fetchpriority="high" und gegebenenfalls Preload einsetzen.

3. Nutzen Sie Browser- und Seiten-Caching

Vergeben Sie für versionierte statische Dateien einen Cache-Control-Header mit einer Gültigkeit von einem Jahr; für HTML können Sie serverseitiges Ganzseiten-Caching einsetzen. Bei dynamischen PHP-Websites kann Seiten-Caching die TTFB, also die Zeit bis zum ersten Byte, erheblich verkürzen. Das Ausmaß hängt von der Website ab.

4. Binden Sie kritisches CSS inline ein

Wenn Sie das für den ersten sichtbaren Bereich benötigte CSS direkt in HTML einbinden und das übrige CSS später laden, können Sie die renderblockierende Ladezeit reduzieren.

5. Entfernen Sie ungenutztes JavaScript

Viele Skripte für Slider, Animationen und Plugins in vorgefertigten Themes werden nicht benötigt, aber trotzdem bei jedem Besuch geladen. Identifizieren Sie ungenutzten Code mit dem Coverage-Werkzeug; laden Sie Drittanbieter-Skripte für Chat oder Analyse nach Möglichkeit mit defer/async zeitversetzt beziehungsweise asynchron.

6. Aktivieren Sie die Komprimierung mit Brotli/Gzip

Bei HTML-, CSS- und JS-Dateien hängt der Größenunterschied zwischen Brotli und Gzip vom Inhalt und der Kompressionsstufe ab. Unterstützt Ihr Server Brotli nicht, sollte zumindest Gzip aktiv sein.

7. Nutzen Sie ein CDN

Die Auslieferung von Inhalten über einen Server in der Nähe Ihrer Besucher kann die Latenz verringern. Das ist besonders für Websites in Antalya oder Alanya mit Besuchern aus der Türkei und dem DACH-Raum sinnvoll.

8. Optimieren Sie das Laden von Schriftarten

Entfernen Sie ungenutzte Schriftschnitte, verwenden Sie font-display: swap und stellen Sie Schriftarten im WOFF2-Format auf Ihrem eigenen Server bereit.

9. Wählen Sie hochwertiges Hosting

Die Auslastung eines gemeinsam genutzten Servers kann die Antwortzeit verlängern. Bewerten Sie in diesem Fall Verbesserungen der Oberfläche zusammen mit Servermessungen. PHP 8.3+, OPcache und SSD/NVMe-Speicher sollten Standard sein.

10. Optimieren Sie Datenbankabfragen

Langsame Abfragen, Tabellen ohne geeignete Indizes und N+1-Abfrageprobleme erhöhen die TTFB. Abfrage-Caching und passende Indizes können dynamische Seiten deutlich beschleunigen.

11. Vermeiden Sie Weiterleitungsketten

Aufeinanderfolgende 301-Weiterleitungen wie http → https → www verursachen bei jedem Schritt zusätzliche Verzögerungen. Leiten Sie nach Möglichkeit direkt auf die endgültige URL weiter.

12. Prüfen Sie die Belastung durch Drittanbieter

Jedes Marketing-Pixel, jede Karte und jedes Chat-Widget beansprucht Ihr Performance-Budget. Prüfen Sie diese Komponenten alle drei Monate; entfernen Sie ungenutzte Elemente und laden Sie die übrigen, soweit sinnvoll, erst nach einer Interaktion.

Geschwindigkeit und SEO

Geschwindigkeit allein führt nicht auf Platz eins. Core Web Vitals sind eines der Signale bei der Rankingbewertung; das Einhalten der Schwellenwerte sichert kein bestimmtes Ergebnis. Eine schnelle Website kann außerdem das Crawl-Budget effizient nutzen und das Crawlen durch Google erleichtern. Eine umfassende Strategie finden Sie in unserem Leitfaden für bessere Platzierungen bei Google.

Häufig gestellte Fragen

Muss der PageSpeed-Wert bei 100 liegen?

Nein. Entscheidend ist nicht allein der Laborwert, sondern ob die Core-Web-Vitals-Schwellenwerte anhand realer Nutzerdaten (CrUX) eingehalten werden. Ein mobiler Wert ab 90 ist ein ambitioniertes Ziel; der Aufwand für 100 lohnt sich nicht immer.

Warum ist meine Website langsam, und wie finde ich die Ursache?

Beginnen Sie mit PageSpeed Insights: Bei einem hohen LCP sind Bilder oder Hosting häufige Ursachen, bei einem hohen INP JavaScript und bei einem hohen CLS Bilder oder Werbeflächen ohne feste Größenangaben.

Warum sind Websites mit vorgefertigten Themes häufig langsam?

Häufig liegt das an umfangreichen CSS-/JS-Bibliotheken, die vorsorglich geladen werden, an nicht optimierten Bildern und an zu vielen Plugins. Weitere Informationen: Vorgefertigtes Theme oder individuelles Webdesign?

Fazit

Website-Geschwindigkeit entsteht aus technischer Infrastruktur, sorgfältiger Bildaufbereitung und kontinuierlicher Messung. Die zwölf Schritte bieten einen Verbesserungsrahmen; Core-Web-Vitals-Ergebnisse müssen unter Berücksichtigung von Infrastruktur, Inhalten und realer Nutzung gemessen werden. Wenn Sie eine kostenlose Geschwindigkeitsanalyse wünschen, kontaktieren Sie uns; mit unserem SEO- und Performance-Service streben wir einen Lighthouse-Wert ab 90 an, ohne ein bestimmtes Ergebnis zu garantieren.

Diesen Beitrag teilen