Website-Ladezeit selbst verbessern: die Hebel ohne Entwickler

Deine Website fühlt sich langsam an, und jeder Ratgeber redet von „Caching-Strategien“ und „Code-Splitting“? Vergiss das erst mal. Bei kleinen Websites entscheidet sich die Ladezeit fast immer an Stellen, die du ohne Entwickler selbst in der Hand hast: zu große Bilder, zu viele Extras, zu viele Schriften. Genau die räumst du in dieser Anleitung auf, in der richtigen Reihenfolge.

Der ehrliche Rahmen vorweg: Rechne mit zwei bis drei Stunden für den ersten Durchgang, das meiste davon ist Bilder-Arbeit. Dafür siehst du den Unterschied noch am selben Tag, und du brauchst nichts außer deinem Website-Login und einem kostenlosen Browser-Tool.

Schritt 1: Erst messen, nicht raten

Bevor du irgendetwas änderst, brauchst du eine Ausgangsmessung. Öffne PageSpeed Insights, gib deine Adresse ein und schau dir das Ergebnis für Mobil an, nicht für Desktop. Die meisten Besucher kommen übers Handy, oft im Mobilfunknetz; dort tut Langsamkeit am meisten weh. Notiere dir die Zahlen (ein Screenshot reicht), sonst weißt du nachher nicht, ob deine Arbeit gewirkt hat.

Aufwand: zehn Minuten. Die Stolperstelle: sich am Punkte-Score festbeißen. Der Score ist ein Anhaltspunkt, kein Zeugnis. Wichtiger ist die Liste darunter („Empfehlungen“): Dort steht meist schon, welche Bilder zu groß sind und welche Skripte bremsen — deine persönliche Aufgabenliste für die nächsten Schritte. Und der ehrlichste Test kostet nichts: Öffne deine Seite am Handy im Mobilfunknetz, nicht im WLAN, und fühl selbst.

Schritt 2: Bilder verkleinern — der größte Hebel

Bei fast jeder langsamen kleinen Website sind die Bilder das Problem. Ein Foto direkt vom Handy hat mehrere tausend Pixel Kantenlänge und etliche Megabyte; auf der Website wird es aber nur wenige hundert Pixel breit angezeigt. Der Browser lädt trotzdem das ganze Ding. Drei Handgriffe pro Bild lösen das:

Erstens skalieren: Verkleinere das Bild auf die Größe, in der es wirklich angezeigt wird. Als Faustregel aus der Praxis reicht für Inhaltsbilder meist eine Breite um 1600 Pixel, für kleine Vorschaubilder deutlich weniger. Zweitens Format: Speichere als WebP statt PNG oder JPG; das können die meisten gängigen Werkzeuge, zum Beispiel das kostenlose Browser-Tool Squoosh. Drittens komprimieren: Beim Export die Qualität runterregeln, bis man gerade nichts sieht. Sichtprüfung reicht, du musst keine Zahlen anbeten.

Aufwand: der größte Posten, je nach Bildmenge ein bis zwei Stunden. Die Stolperstelle: nur die neuen Bilder aufbereiten und die alten vergessen. Nimm dir die Startseite und die meistbesuchten Seiten zuerst vor. Und wenn du dabei merkst, dass die Fotos selbst nichts taugen: Der Guide Website-Fotos selbst machen löst das Problem eine Ebene früher.

Schritt 3: Ballast abwerfen

Jedes Plugin, jedes Widget und jedes eingebettete Extra lädt eigene Dateien, oft von fremden Servern. Einzeln wirkt das harmlos, in Summe ist es der zweitgrößte Bremsklotz. Mach eine ehrliche Inventur: Geh die Liste deiner Plugins beziehungsweise Apps durch (im Baukasten wie in WordPress gibt es dafür eine Übersicht) und stelle bei jedem die eine Frage: Was würde fehlen, wenn es weg wäre?

Typische Kandidaten: Slider, die niemand weiterklickt. Social-Media-Feeds, die eine halbe Plattform mitladen. Chat-Widgets ohne Chat-Betreuung. Analyse-Tools, die du nie öffnest. Aufwand: eine halbe Stunde. Die Stolperstelle ist psychologisch: „Ein Plugin mehr macht doch nichts.“ Doch. Jedes einzelne macht ein bisschen, und du zahlst die Summe.

Schritt 4: Schriften zähmen

Webfonts sind unsichtbare Schwergewichte: Jeder Schriftschnitt (Regular, Bold, Italic …) ist eine eigene Datei. Zwei Schnitte reichen für fast jede kleine Website: einer für Text, einer für Überschriften oder Auszeichnung. Alles darüber ist Sammelleidenschaft.

Wenn deine Schriften von Google geladen werden, gibt es gleich zwei Gründe umzustellen: Tempo und Datenschutz. Wie du Schriften selbst hostest, steht Schritt für Schritt im Beitrag Google Fonts DSGVO-konform selbst hosten. Aufwand: 20 bis 30 Minuten. Stolperstelle: Icon-Fonts, die für drei Symbole hunderte mitliefern; oft tun es drei einzelne Zeichen oder gar keins.

Schritt 5: Videos und Karten erst auf Klick

Ein eingebettetes YouTube-Video oder eine Google-Karte lädt beim Seitenaufruf ein komplettes Stück Fremd-Website mit, auch wenn niemand je draufklickt. Die Lösung ist ein Platzhalter: erst ein Vorschaubild zeigen, das echte Embed erst beim Klick laden. Viele Baukästen und Consent-/Embed-Plugins haben genau dafür eine Option („Vorschau“, „Klick zum Laden“, „Fassade“). Aufwand: 15 Minuten pro Embed. Stolperstelle: das Embed stattdessen ganz zu löschen und den Inhalt zu verlieren; der Platzhalter behält beides, Tempo und Inhalt.

Schritt 6: Nachmessen und dranbleiben

Zurück zu PageSpeed Insights, gleiche Messung wie am Anfang, mobil. Vergleiche mit deinen notierten Zahlen und, wichtiger, öffne die Seite noch einmal am Handy: Fühlt sie sich schneller an? Das ist der Maßstab, für den du das alles machst.

Damit es so bleibt, gehört ein Mini-Check in deine Routine: Bei jedem neuen Bild die drei Handgriffe aus Schritt 2, bei jedem neuen Plugin die Inventur-Frage aus Schritt 3. Wie so eine monatliche Viertelstunde insgesamt aussieht, steht im Guide Website selbst pflegen. Und wer wissen will, warum das alles technisch wirkt, findet die Hintergründe im Beitrag über schnelle Ladezeiten.

Der kurze Weg

Das hier ist der Teil, in dem ich dir meine Lösung zeige, deshalb sage ich es offen: Alles oben funktioniert, und die Anleitung bleibt auch ohne diesen Absatz vollständig. Aber es ist wiederkehrende Handarbeit, und sie bekämpft Symptome, die bei anderer Bauweise gar nicht erst entstehen.

Meine Webseiten sind von Grund auf aufs Tempo gebaut: statische Seiten ohne Plugin-Apparat, Bilder werden beim Einpflegen automatisch verkleinert und als WebP ausgeliefert, Schriften liegen selbst gehostet auf dem Server, und getrackt wird ohne Cookies. Die Ladezeit ist dort kein Pflegeprojekt, sondern eine Eigenschaft. Wenn du deine Zeit lieber in dein Geschäft steckst als in Bild-Kompression: Das ist der kurze Weg.