Website Performance optimieren: Was wirklich funktioniert

Website Performance optimieren zahlt sich in dieser Reihenfolge aus: Bilder vorbereiten, unnötige Plugins und Skripte von Drittanbietern entfernen, die Anzahl der einzelnen Dateien reduzieren, die der Browser herunterladen muss, und erst danach serverseitige Korrekturen vornehmen. Diese Schritte können Ihren PageSpeed-Insights-Score spürbar anheben, doch sie haben eine Obergrenze: Sie können nichts daran ändern, dass die Seite ihren Inhalt erst aufbaut, nachdem JavaScript im Browser ausgeführt wurde. Im Folgenden zeigen wir, wie Sie Ihren aktuellen Stand prüfen, was zuerst behoben werden sollte und ab welchem Punkt ein Neuaufbau günstiger ist, als immer weitere Speed-Plugins zu stapeln.

So prüfen Sie, ob Ihre Website zu langsam ist

Beginnen Sie mit Googles PageSpeed Insights. Geben Sie Ihre URL ein und Sie erhalten einen separaten Score für Mobilgeräte und Desktop sowie eine Liste konkreter Ansatzpunkte.

Drei Regeln für die Interpretation dieses Ergebnisses:

• Achten Sie auf den mobilen Score. Er liegt meist deutlich unter dem Desktop-Score und spiegelt die Realität wider, denn die meisten Menschen suchen eine Dienstleistung über ihr Smartphone.
• Prüfen Sie die Core Web Vitals, jene Kennzahlen, die messen, wie lange es dauert, bis Inhalte erscheinen, und ob das Layout während des Ladens hin und her springt. Google nutzt sie als Rankingsignal.
• Messen Sie mehrmals. Ein einzelner Test kann schwanken, denn er hängt auch von der Serverlast im jeweiligen Moment ab.

Ein zweiter, einfacherer und aussagekräftigerer Test: Öffnen Sie Ihre Website auf einem Smartphone mit schwachem Signal und zählen Sie, wie viele Sekunden vergehen, bis Sie Text statt einer Ladeanimation sehen. Wenn Sie in dieser Zeit ungeduldig werden, geht es Ihren Kunden ebenso.

Was eine Business-Website am häufigsten ausbremst

Aus unserer Erfahrung mit Kunden, die mit einer bestehenden Website zu uns kommen, sind es fast immer dieselben drei Ursachen, die zusammenwirken.

Bilder werden ohne Vorbereitung hochgeladen. Ein Foto direkt von der Kamera oder aus einer Stockdatenbank kann mehrere Megabyte wiegen und wird dann in einem Slot angezeigt, der nur ein paar Hundert Pixel breit ist. Das ist die häufigste Ursache und zugleich die am einfachsten zu behebende.

Zu viele Plugins und Skripte von Drittanbietern. Jedes Chat-Widget, jedes Pop-up, jedes Bewertungs-Widget, jede Karte und jedes Ad-Pixel bringt eigenen Code mit. Für sich betrachtet wirkt jedes harmlos; in der Summe können sie mehr wiegen als der Rest der Seite.

Ein Theme, das alles mitlädt. Schwergewichtige Themes und Page-Builder schicken dem Browser Code für sämtliche Funktionen, einschließlich jener, die Ihre Website gar nicht nutzt. Sie zahlen mit Seitengewicht für Fähigkeiten, die Sie nie in Anspruch nehmen.

Und dann gibt es noch etwas, worüber kaum jemand spricht: die Anzahl der einzeln herunterzuladenden Dateien.

Warum die Anzahl der Serveranfragen eine Rolle spielt

Eine Webseite ist keine einzelne Datei. Der Browser lädt zunächst das HTML herunter, liest es aus und weiß erst danach, was er sonst noch braucht: das Stylesheet, Skripte, jedes Bild einzeln, jede Schriftart, Icons. Jede dieser Dateien ist eine eigene Anfrage, ein separater Weg zum Server und zurück.

Deshalb können zwei Seiten mit ähnlichem Gewicht völlig unterschiedlich schnell laden:

• Jeder Umweg kostet Zeit, unabhängig von der Dateigröße. Auf einem Smartphone im Außeneinsatz dauert allein der Verbindungsaufbau 50 bis 200 ms. Dreihundert Anfragen können mehr Zeit damit verbringen, an die Tür des Servers zu klopfen, als tatsächlich Daten zu übertragen.
• Der Browser lädt nicht alles gleichzeitig herunter. Er hält nur eine begrenzte Anzahl paralleler Verbindungen offen; der Rest muss warten.
• Der Wasserfall-Effekt. Bilder werden oft nur im Stylesheet referenziert, das wiederum nur im HTML referenziert wird. Schritt drei kann erst beginnen, wenn Schritt zwei abgeschlossen ist.

In unserem Test von sieben Websites lag der Unterschied zwischen 11 Anfragen bei einer von Grund auf neu gebauten Seite und 300 bei einer preisgekrönten Seite mit aufwendigen Animationen. Die vollständige Tabelle und die Methodik haben wir in unserem Artikel dazu beschrieben, wie Sie eine Website für Ihr Unternehmen aufbauen.

Was Sie ohne Neubau der Website verbessern können

Wenn die Website funktioniert und Sie sie nicht ersetzen möchten, beginnen Sie mit diesen vier Punkten. Sie sind nach Wirkung im Verhältnis zum Aufwand sortiert.

1. Bereiten Sie Ihre Bilder vor. Skalieren Sie sie auf die Maße, in denen sie tatsächlich angezeigt werden, und speichern Sie sie in einem modernen Format. Das bringt in der Regel den größten Gewinn bei geringstem Aufwand.
2. Räumen Sie Plugins und Skripte auf. Deaktivieren Sie, was Sie nicht nutzen. Achten Sie besonders auf Tools, die irgendwann als Test eingebaut und nie wieder entfernt wurden.
3. Aktivieren Sie Caching und Kompression. Die Seite wird nicht mehr bei jedem Besuch neu generiert, und Dateien gelangen kleiner zum Browser.
4. Beschränken Sie Ihre Schriftarten. Jede zusätzliche Schriftstärke oder jeder zusätzliche Stil ist eine weitere Datei zum Herunterladen, und den Unterschied wird ohnehin niemand bemerken.

Diese vier Schritte können die Bewertung deutlich anheben, und für viele Websites reicht genau das aus, um website performance zu optimieren. Setzen Sie sie um, bevor Sie größere Entscheidungen treffen.

Wann Optimierung nicht mehr ausreicht

Es gibt einen Punkt, an dem sich weitere Korrekturen nicht mehr auszahlen, und es lohnt sich, ihn zu erkennen, anstatt noch ein weiteres Speed-Plugin nachzurüsten.

Das Symptom ist charakteristisch: Sie haben alles aus der obigen Liste umgesetzt, und der Mobile-Score ist trotzdem schlecht. Das passiert, weil die Ursache nicht in den Bildern oder im Cache liegt, sondern darin, dass die Seite ihren Inhalt erst aufbaut, nachdem Code im Browser ausgeführt wurde. Der Browser muss diesen Code erst herunterladen, dann ausführen, und erst danach sieht der Besucher Text. Kein Plugin kann das umkehren, denn es handelt sich um die Funktionsweise der Website, nicht um einen Defekt.

Das zweite Signal sind die laufenden Unterhaltskosten. Wenn jemand jeden Monat Plugins aktualisieren, das Theme kompatibel halten und reparieren muss, was gerade wieder ausgefallen ist, zahlen Sie dauerhaft dafür, einen Zustand zu erhalten, mit dem Sie ohnehin nicht zufrieden sind.

Das dritte Signal ist die Sicherheit. Ein großes System mit Admin-Panel und Dutzenden Plugins ist eine Angriffsfläche, die aktiv überwacht werden muss – und ein Dienstleistungsunternehmen hat selten jemanden dafür im Haus. Eine statische Website hat kein Login-Panel und keine Datenbank, die überschrieben werden könnte, also erledigt sich dieses Problem gleich mit. Was das für die Wahl der Technologie bedeutet, erklären wir ausführlich in unserem Artikel zum Thema Website für Ihr Unternehmen erstellen.

Warum mit Astro gebaute Websites von Natur aus schnell sind

Astro ist ein Static-Site-Generator, der fertiges HTML an den Browser sendet, statt die Seite erst mit JavaScript im laufenden Betrieb aufzubauen. Der gesamte Unterschied lässt sich auf diesen einen Satz zurückführen, und die Konsequenzen sind sehr praktisch.

Der Browser erhält den Inhalt sofort und zeigt ihn an, ohne auf die Ausführung von Code warten zu müssen. Suchmaschinen und KI-Modelle sehen den Text bereits beim ersten Laden und nicht erst, nachdem Skripte durchgelaufen sind – das ist heute unabhängig von der Geschwindigkeit relevant. Es gibt keine Datenbank und kein Login-Panel, sodass der häufigste Einbruchsweg und das wöchentliche Plugin-Patchen wegfallen. Interaktive Elemente werden, wo nötig, gezielt an einzelnen Stellen ergänzt, statt die gesamte Website zu belasten.

Die Wirkung in Zahlen, aus unserem eigenen Test: Eine von Grund auf in Astro gebaute Website wog 463 KB bei 11 Requests, der Durchschnitt von fünf unserer template-basierten Websites lag bei 754 KB bei 28 Requests, und eine preisgekrönte Website mit aufwendigen Animationen kam auf 39,3 MB bei 300 Requests.

Das ist die Technologie, die wir für jede Website nutzen, die wir für Dienstleistungsunternehmen bauen – einschließlich derjenigen, die Sie gerade lesen. Sie müssen uns dabei nicht einfach glauben: Geben Sie die URL dieser Seite in PageSpeed Insights ein und vergleichen Sie das Ergebnis mit einer beliebigen Website, die auf einem typischen Page-Builder läuft.

Wie lange eine Neugestaltung dauert und warum sie bei uns schneller geht

Eine durchdachte Business-Website erfordert je nach Seitenanzahl und Umfang zwischen rund 20 und mehreren Hundert Arbeitsstunden. Zeitaufwendig ist dabei nicht die visuelle Gestaltung, sondern der Inhalt, das Conversion-Tracking, strukturierte Daten und die Vorbereitung auf Sichtbarkeit.

Unser Vorteil besteht nicht darin, dass wir schneller programmieren. Er besteht darin, dass wir diesen Weg bereits an unserer eigenen Website gegangen sind und ihn dokumentiert haben. Wir haben einen fertigen Prozess für die Keyword-Recherche vor dem Design, eigene, an jede Marke angepasste Templates, bewährte Komponenten und von Tag eins an eingerichtetes Tracking. Wir beginnen bei keinem Projekt bei null, sodass die Zeit in das fließt, was für den jeweiligen Kunden wirklich individuell ist, statt in den wiederholten Aufbau derselben Elemente.

Hinzu kommt etwas, das in keinem Angebot sichtbar wird: Wir wissen, was man lassen sollte. Welche Animationen mehr kosten, als sie bringen, wann ein Template vollkommen ausreicht, und warum ein Admin-Panel eher ein Risiko als eine Annehmlichkeit sein kann.

adsfox ist eine Marketingagentur für Dienstleistungsunternehmen, die Ihr gesamtes Marketing übernimmt: Content, SEO und KI-Suchoptimierung, bezahlte Kampagnen und die Website. Über 350 Kunden seit 2018, ausgezeichneter Meta Business Partner und Google Partner.

Wo Sie anfangen sollten

Wenn Ihre Website langsam lädt, sieht die Reihenfolge so aus, um die Website-Performance zu optimieren:

1. Messen Sie in PageSpeed Insights, Mobile und Desktop getrennt.
2. Setzen Sie die vier oben genannten Maßnahmen um und messen Sie erneut. Für viele Websites reicht das bereits aus.
3. Ist die mobile Bewertung weiterhin schlecht, rechnen Sie zusammen, was die aktuelle Website Sie pro Jahr kostet, und vergleichen Sie das mit einer Neugestaltung.

Möchten Sie, dass wir das für Sie prüfen und Ihnen ehrlich sagen, ob in Ihrem Fall gezielte Maßnahmen ausreichen? Schreiben Sie uns eine Nachricht. Wenn Maßnahmen ausreichen, sagen wir Ihnen das auch – statt Ihnen eine Neugestaltung aufzudrängen.