Website Ladezeit verbessern: zehn Maßnahmen für Betriebe

Eine Website, die auf dem Handy mehrere Sekunden braucht, verliert Besucher, bevor diese die Telefonnummer gesehen haben. Wer die Website Ladezeit verbessern will, muss selten bei null anfangen. Meist stecken die Bremsen an wenigen Stellen: zu große Bilder, zu viele Skripte, schwaches Hosting. Dieser Beitrag zeigt, wie Sie diese Stellen mit dem kostenlosen Werkzeug PageSpeed Insights finden und welche zehn Maßnahmen in der Praxis helfen.

Erst messen, dann ändern

PageSpeed Insights ist ein kostenloses Werkzeug von Google. Sie geben die Adresse einer Seite ein und erhalten eine Auswertung für Handy und Computer. Schauen Sie zuerst auf den Handy-Reiter. Dort sind die Werte meist schlechter, und dort sitzen viele Ihrer Kunden.

Die Auswertung besteht aus einer Punktzahl und drei Kennzahlen, den sogenannten Core Web Vitals. Kurz erklärt:

• Largest Contentful Paint (LCP): Wie lange es dauert, bis der größte sichtbare Inhalt da ist. Das ist oft das Bild ganz oben.
• Interaction to Next Paint (INP): Wie schnell die Seite reagiert, wenn jemand tippt oder klickt.
• Cumulative Layout Shift (CLS): Wie stark Inhalte beim Laden verrutschen. Sie kennen das, wenn Sie eine Schaltfläche treffen wollen und der Text plötzlich nach unten springt.

Messen Sie nicht nur die Startseite, sondern auch die Seite, auf der die meisten Anfragen entstehen, zum Beispiel Ihre Leistungsseite oder die Kontaktseite. Machen Sie einen Screenshot der Ausgangswerte. Die Ergebnisse schwanken von Messung zu Messung, also messen Sie zweimal. Unter den Empfehlungen nennt das Werkzeug oft konkrete Dateien, die bremsen. Diese Liste ist Ihr Arbeitsplan.

Bilder anpacken

Bei kleinen Betriebsseiten sind Bilder in den meisten Fällen der größte Posten. Ein Foto direkt vom Smartphone oder vom Fotografen ist oft viel größer, als die Seite es je darstellt. Der Browser lädt die ganze Datei trotzdem herunter.

1. Bilder auf die tatsächliche Größe bringen. Wenn ein Bild auf der Seite höchstens 1200 Pixel breit erscheint, braucht die Datei keine 4000 Pixel. Verkleinern Sie vor dem Hochladen.
2. Ein schlankes Bildformat wählen. WebP oder AVIF erzeugen bei gleicher Qualität meist deutlich kleinere Dateien als JPEG oder PNG. Die meisten aktuellen Browser können beides darstellen.
3. Bilder weiter unten später laden. Mit dem Attribut loading="lazy" lädt der Browser Bilder erst, wenn jemand dorthin scrollt. Wichtig: Das große Bild ganz oben darf nicht verzögert werden, sonst wird der LCP schlechter.
4. Breite und Höhe im Code angeben. Dann reserviert der Browser den Platz schon vor dem Laden, und nichts springt. Das verbessert den CLS-Wert.

Schon mit diesen vier Punkten ändert sich bei vielen Seiten spürbar etwas. Wie viel, hängt davon ab, wie bildlastig Ihre Seite ist.

Schriften, Hosting und Zwischenspeicher

Schriften wirken harmlos, sind aber eigene Dateien. Jede Schriftart in jeder Stärke (normal, fett, kursiv) ist ein weiterer Download. Mit zwei Schriftarten und wenigen Stärken kommen die meisten Betriebsseiten gut aus.

1. Schriften reduzieren und selbst ausliefern. Weniger Varianten laden, und die Dateien vom eigenen Server statt von einem fremden Anbieter beziehen. Das spart Verbindungen und ist auch beim Datenschutz einfacher. Das ist keine Rechtsberatung, bei Unsicherheit klären Sie es mit einer fachkundigen Stelle.
2. Hosting prüfen. Reagiert der Server langsam, hilft keine Bildoptimierung der Welt. PageSpeed Insights meldet das als lange Server-Antwortzeit. Sehr günstige Pakete, bei denen sich viele Seiten einen Server teilen, sind eine häufige Ursache. Ein Wechsel lohnt sich vor allem, wenn auch eine schlanke Seite träge bleibt.
3. Caching und Komprimierung einschalten. Caching heißt: Der Browser speichert Dateien, die sich selten ändern, und lädt sie beim zweiten Besuch nicht erneut. Komprimierung (zum Beispiel Brotli oder Gzip) macht Textdateien auf dem Weg zum Besucher kleiner. Beides stellt der Entwickler am Server ein.

Gerade Punkt sechs und sieben sind Dinge, die Sie ohne technisches Wissen kaum selbst erledigen. Hier lohnt sich ein kurzes Gespräch mit demjenigen, der Ihre Seite betreut.

Fremde Inhalte und Ballast im Code

Jedes eingebundene Fremdteil kostet Zeit: Kartenausschnitte, YouTube-Videos, Chat-Fenster, Bewertungs-Widgets, Tracking-Skripte. Der Browser muss dafür Verbindungen zu anderen Servern aufbauen und deren Code ausführen. Sie haben darauf nur begrenzten Einfluss, aber Sie entscheiden, was eingebaut wird.

1. Karten und Videos erst nach Klick laden. Statt der fertigen Karte zeigt die Seite zunächst ein Vorschaubild mit Schaltfläche. Erst wer klickt, lädt den Inhalt. Das spart bei jedem Besuch Daten, auch bei denen, die die Karte gar nicht brauchen.
2. Plugins und Skripte ausmisten. Gehen Sie die Liste durch und fragen Sie bei jedem Eintrag: Nutzt das jemand? Alte Statistik-Tools, nicht mehr genutzte Formular-Erweiterungen oder doppelte Funktionen laufen oft jahrelang mit. Was keinen Zweck mehr hat, fliegt raus.
3. Code schlank halten. Seiten aus Baukästen und großen Themes laden häufig CSS und JavaScript für Funktionen mit, die auf Ihrer Seite nie vorkommen. Bei einer selbst programmierten Seite lässt sich das gezielt vermeiden, weil nur der Code drin ist, der gebraucht wird. Wie das im Vergleich aussieht, beschreibt der Beitrag Website Baukasten oder Webdesigner.

Was Sie selbst tun können

Ohne Programmierkenntnisse schaffen Sie die Punkte eins, zwei, acht und neun. Verkleinern Sie Bilder mit einem Bildprogramm oder einem Online-Konverter, bevor Sie sie hochladen. Gehen Sie die Plugin-Liste im Verwaltungsbereich durch, und schauen Sie, welche Einbindungen auf der Seite wirklich sichtbar sind.

Bei den Punkten drei bis sieben und zehn ist Technik im Spiel. Wenn Sie ein Redaktionssystem wie WordPress nutzen, gibt es dafür Erweiterungen, die vieles automatisch erledigen. Sie bringen aber selbst wieder Code mit, und falsch eingestellt können sie Funktionen kaputt machen. Prüfen Sie nach jeder Änderung Ihre Kontaktformulare, Telefonlinks und das Menü am Handy.

Wer eine neue Seite plant, kann die Ladezeit von Anfang an mitdenken. Das ist deutlich einfacher als nachträgliches Aufräumen. Mehr dazu finden Sie auf der Seite zu Webdesign ohne Baukasten. Und damit eine gute Seite schnell bleibt, braucht sie regelmäßige Pflege: Updates, kontrollierte neue Bilder, kein Wildwuchs an Erweiterungen. Das gehört zur Website-Betreuung.

Realistisch bleiben

Eine hohe Punktzahl ist kein Selbstzweck. Entscheidend ist, ob sich die Seite für Ihre Besucher schnell anfühlt, vor allem auf dem Handy mit mäßigem Empfang. Ein Wert von 100 ist selten nötig, und manche Funktionen, etwa ein Terminbuchungstool, kosten bewusst etwas Ladezeit.

Google bezieht die Ladezeit in die Bewertung von Seiten ein. Sie ist aber nur ein Faktor unter vielen, und niemand kann Ihnen versprechen, dass eine schnellere Seite höher rankt. Der sichere Gewinn liegt woanders: Wer nicht warten muss, ruft eher an oder schickt die Anfrage ab.

Messen Sie nach jeder Änderung erneut und vergleichen Sie mit Ihrem Screenshot vom Anfang. So sehen Sie, welche Maßnahme etwas gebracht hat und welche nicht. Wenn Sie wissen wollen, was bei Ihrer Seite die größte Bremse ist, schicken Sie die Adresse über die Projektanfrage.