Praxis
Website schneller machen: 15 Maßnahmen
Nicht jede Maßnahme bringt gleich viel. Diese Liste ist nach Aufwand geordnet, innerhalb jeder Gruppe steht die größte Wirkung zuerst. So beginnen Sie dort, wo sich der Einsatz am meisten lohnt.
- Aufwand: wie viel Arbeit und Technikzugang nötig sind
- Wirkung: wie stark die Maßnahme Ladezeit oder Reaktion verbessern kann
Die Einstufungen sind eine allgemeine Einschätzung. Je nach Technik Ihrer Seite können Aufwand und Wirkung abweichen. Welche Kennzahl bei Ihnen am schwächsten ist, zeigt der Speed-Test, die Bedeutung der Kürzel erklärt Core Web Vitals erklärt.
Schnell erledigt
Geringer Aufwand: Das schaffen Sie meist in einem Nachmittag.
-
01
Bilder in WebP oder AVIF ausliefern
Moderne Formate zeigen dasselbe Bild mit deutlich weniger Daten als JPEG oder PNG. Viele Bildprogramme, Plugins und Hosting-Dienste wandeln automatisch um. Als Rückfall für alte Browser bleibt das JPEG erhalten.
Wirkt auf: LCP, Datenmenge
-
02
Das Hauptbild früh und ohne Verzögerung laden
Das größte Bild im ersten Bildschirm darf nicht per Lazy Loading zurückgehalten werden. Es sollte direkt im HTML stehen und mit hoher Priorität geladen werden.
Wirkt auf: LCP
-
03
Breite und Höhe für Bilder und Videos angeben
Mit festen Maßen reserviert der Browser den Platz, bevor das Bild geladen ist. Der Text darunter springt nicht mehr nach unten.
Wirkt auf: CLS
-
04
Komprimierung und Zwischenspeicher am Server aktivieren
Brotli oder GZIP verkleinern HTML, CSS und JavaScript beim Versand. Mit Cache-Zeiten für Bilder, Schriften und Skripte laden wiederkehrende Besucher diese Dateien nicht erneut.
Wirkt auf: LCP, Folgebesuche
-
05
Bilder unterhalb des ersten Bildschirms nachladen
Was erst nach dem Scrollen sichtbar wird, muss nicht sofort laden. Das Attribut loading="lazy" erledigt das ohne zusätzlichen Code.
Wirkt auf: Datenmenge
-
06
Schriften mit Ersatzschrift anzeigen
Mit font-display: swap bleibt der Text sichtbar, während die Schrift lädt. Eine passend gewählte Ersatzschrift verhindert zusätzlich Sprünge im Layout.
Wirkt auf: LCP, CLS
Mit etwas Planung
Mittlerer Aufwand: Sie brauchen Zugriff auf Vorlage, Theme oder Server.
-
07
Bilder in mehreren Größen anbieten
Ein Handy braucht kein 3000 Pixel breites Foto. Mit srcset und sizes wählt der Browser die passende Datei und lädt nur, was die Anzeige braucht.
Wirkt auf: LCP, Datenmenge
-
08
Blockierende Stylesheets und Skripte entschärfen
Skripte mit defer laden, wichtiges CSS zuerst und den Rest nachladen. So kann der Browser schon zeichnen, während der Rest noch lädt.
Wirkt auf: LCP
-
09
Serverantwort beschleunigen
Dauert es lange, bis der Server die erste Antwort liefert, verzögert sich alles andere. Seiten-Cache, eine aktuelle PHP-Version, weniger Datenbankabfragen oder ein schnelleres Hosting helfen.
Wirkt auf: LCP
-
10
Skripte von Drittanbietern prüfen
Chat, Tracker, Karten, Videos und Social-Buttons laden Code von fremden Servern. Prüfen Sie jeden Dienst auf Nutzen, entfernen Sie Unnötiges und laden Sie den Rest erst bei Bedarf.
Wirkt auf: INP, LCP
-
11
Nicht genutzten Code entfernen
Viele Seiten laden CSS und JavaScript, die nie verwendet werden, etwa eine komplette Bibliothek für ein einziges Element. Prüfen Sie, was die Seite wirklich braucht.
Wirkt auf: LCP, INP
-
12
Schriften selbst hosten und Schnitte reduzieren
Schriften vom eigenen Server sparen den Verbindungsaufbau zu fremden Servern und sind datenschutzfreundlicher. Jeder Schnitt kostet Daten, deshalb nur laden, was die Seite zeigt.
Wirkt auf: LCP
Größere Vorhaben
Hoher Aufwand: Das lohnt sich, wenn kleinere Schritte nicht reichen.
-
13
JavaScript-Last verringern
Schwere Frameworks und große Pakete belasten besonders Handys. Teilen Sie den Code auf, laden Sie nur, was die Seite braucht, und zerlegen Sie lange Rechenaufgaben in kleine Schritte.
Wirkt auf: INP, LCP
-
14
Seitenaufbau verschlanken
Verschachtelte Baukästen erzeugen tausende Elemente. Weniger und einfachere Strukturen machen Darstellung und Bedienung spürbar flotter.
Wirkt auf: INP
-
15
Neu bauen statt flicken
Bremsen Technik und Aufbau grundsätzlich, ist ein Neubau oft der kürzere Weg als viele Einzelkorrekturen. Wann sich das lohnt, erklärt der Beitrag Website-Relaunch: Wann er sich lohnt.
Wirkt auf: LCP, CLS, INP
Nach jeder Änderung neu messen
Ändern Sie nicht alles auf einmal. Setzen Sie eine Maßnahme um, messen Sie mobil und am Desktop neu und notieren Sie die Gesamtnote und die drei Kennzahlen. So sehen Sie, was gewirkt hat. Kleine Schwankungen von einigen Punkten sind normal.
Zum Weiterlesen: Warum langsame Websites Kunden kosten erklärt, warum sich der Aufwand lohnt, und Bilder richtig komprimieren vertieft die wirksamste Maßnahme der Liste.
Neu bauen statt flicken
Langsam? Neu bauen per Chat.
Wenn die Messung zeigt, dass Ihre Website grundsätzlich bremst, kann ein Neubau der kürzere Weg sein als viele Einzelkorrekturen. Beschreiben Sie auf webseite-mit-ki-erstellen.de in einem Chat, was Ihre neue Website leisten soll, und fordern Sie einen kostenlosen Entwurf an.