Niemand wartet gerne. Auch nicht im Netz. Deshalb kann es überaus sinnvoll sein, seine Website schneller zu machen. Aber wie funktioniert Pagespeed Optimierung?
Hast du dich auch schon mal über eine lahme Website aufgeregt? Vor allem bei Zugriffen über mobile Endgeräte können lange Ladezeiten sehr frustrierend sein. Das wissen auch Amazon und Co: Benötigt der Aufruf einer Seite länger als drei Sekunden, steigt die Bounce Rate exponentiell an.
Was ist die Ladegeschwindigkeit?
Die Ladegeschwindigkeit einer Webseite ist die Dauer, die eine Seite vom Aufruf bis hin zum kompletten Aufbau benötigt. Folglich ist das die Zeit, in der ein User warten muss und nicht mit der Website interagieren kann.
Die Dauer und das Rendering werden im Rahmen der sogenannten Core Web Vitals von Google bewertet. Und zwar auf Basis von Live-Daten von Chrome Usern. Die entsprechenden Metriken sind eine große Hilfe, aber auch ein wichtiger Ranking-Faktor.
Was macht eine Website langsam?
Prinzipiell reicht für eine Webseite eine einzige HTML-Datei. Ohne Grafiken, Fonts, Icons, Animationen, Tracking und sonstige Features kommt jedoch heutzutage niemand mehr aus, der um die Gunst von Kunden buhlt. Zum Vergleich: Die erste Website kam über diesen ganzen Schnickschnack und ist heute noch online.
Darüber hinaus kommt heute kaum noch jemand ohne ein Content Management System (CMS) aus. Webseiten werden folglich dynamisch generiert, was zu vielen weiteren latenten Flaschenhälsen führt.
Anzahl der Ressourcen
Wesentlicher Faktor für die Ladezeit ist die Anzahl der Ressourcen. Je mehr es sind, desto langsamer ist die Website.
Größe der Ressourcen
Ein ebenfalls wesentlicher Faktor für die Ladezeit ist die Größe der Ressourcen. Eine einzige Grafik kann alles ausbremsen.
Zeitpunkt des Ladens
Wenn ergänzende Ressourcen umgehend nach Aufruf einer Seite geladen werden, verlangsamt sich die Ladezeit besonders stark.
Anzahl der Datenendpunkte
Je mehr unterschiedliche Hosts zum Herunterladen von Ressourcen angezapft werden, desto stärker wird die Website ausgebremst. Denn jede Verbindung muss erst einmal aufgebaut werden.
Eingesetztes Protokoll
Webserver und Browser kommunizieren miteinander. Üblicherweise auf Basis von http 1.2. Der Verbindungsaufbau ist auf dieser Basis ziemlich träge.
Immer mehr setzt sich http 2 (kurz H2) als moderne Alternative durch. Großer Vorteil: Anfragen können gebündelt werden (“Multplexing”) oder Ressourcen bereits vorab an den Client übertragen werden (“Server Push”).
Bandbreite der Hosts
Ganz wichtig ist auch die Frage, wie groß der Datendurchsatz von den beteiligten Servern hin zum Client ist. Jeder Flaschenhals kann die Performance einer Seite enorm beeinträchtigen.
Struktur der Website
Jede Datei, die zum Öffnen der Website benötigt wird, muss geladen werden. Das braucht seine Zeit. Die Anzahl und Größe der Grafiken, CSS- und Javascript-Dateien sowie der Fonts haben also großen Einfluss auf die Ladezeit. Ebenso die Struktur des HTML-Codes.
Server Performance
Die Leistung der CPU, die Größe des Arbeitsspeichers, die Festplatten, Datenbank etc. entscheiden darüber, wie schnell ein CMS seine Arbeit erledigen kann. Auch der Webserver hat großen Einfluss: Im Linux-Umfeld ist Apache nach wie vor der Marktführer, obwohl es längst deutlich schnellere HTTP-Server gibt.
Client Performance
Last but not least spielt natürlich auch die Leistungsfähigkeit des Clients eine Rolle. Vor allem die Ausführung von Javascript kann enorm viele CPU-Ressourcen schlucken.
Wie lässt sich die Ladezeit spürbar beschleunigen?
Maßnahmen zur Beschleunigung einer Website werden gemeinhin unter dem Begriff Pagespeed Optimierung zusammengefasst.
1. Istzustand ermitteln
Ermittle zunächst, was genau der Flaschenhals ist. Bereiten nur einige Seiten Probleme oder alle? Nutze GTMetrix oder Google PageSpeed Insights, um mehr zu erfahren. Führe mehrere Tests durch, weil Ergebnisse von der aktuellen Auslastung Deiner Internetverbindung abhängen können. Starte das Tool am besten im Inkognito-Modus, damit es nicht durch Deine Browser-Plug-ins ausgebremst wird.
Vielleicht erzeugt Dein Javascript problematische Fehler? Hier findest Du ein paar Tipps zur Evaluation.
2. Ausmisten
Zunächst ist es Zeit, die Low hanging Fruits zu ernten. Entferne dazu alle ungenutzten Plug-ins, Widgets, Fonts und Features. Zum Beispiel eine kaum genutzte Kommentarfunktion oder Share-Buttons.
Prüfe nach, welche nicht mehr benötigten Tracking- und Analytics-Skripte noch laufen und entferne diese. Bei der Gelegenheit kannst du ein Tag Management einrichten. Am besten serverseitig.
Ebenso entfernt werden können interne Weiterleitungen. Es ist ratsam, Verlinkungen immer auf den neuesten Stand zu halten.
3. Caching einrichten
Für fast jedes CMS gibt es Plug-ins, welche die Bereitstellung der Ressourcen (HTML, CSS, Grafiken etc.) beschleunigen. Das Zauberwort heißt Caching. Ein Cache ist ein Zwischenspeicher statischer Inhalte, die immer wieder mal angefordert werden. Zum Beispiel eine CSS-Datei, die sich eh selten ändert.
Achtung: Je Website eignen sich Caching Tools unterschiedlich gut. Hier hilft nur ausprobieren.
3. Kompressionsverfahren einrichten
4. Hosting optimieren
Sorge dafür, dass beim Aufruf einer Seite möglichst alle Ressourcen lokal verfügbar sind und nicht auf fremde Hosts zugegriffen werden muss. Lege also zum Beispiel Google Fonts lokal ab. Dann müssen nicht unnötig viele Verbindungen zu externen Hosts aufgebaut werden.
5. Lazy Load
Normalerweise werden beim Aufruf einer Webseite alle Grafiken sofort geladen. Lazy Load sorgt dafür, dass immer nur jene Grafiken geladen werden, die für den User potenziell sichtbar sind, also benötigt werden. Alle anderen werden erst beim Scrollen der Seite geladen. Lazy Load ist Bestandteil vieler Caching Plugins.
6. CDN einrichten
Schnell umsetzbar und effektiv ist der Einsatz eines Content Delivery Networks (CDN). Der Einsatz lohnt sich vor allem für Webseitenbetreiber, die ihre Kunden überall auf der Welt ansprechen wollen. Tipp: Basisversion von Cloudflare ist vollkommen kostenlos. Im Hinblick auf DSGVO ist zum Beispiel ein CDN-Dienst wie Bunny interessant.
Netter Nebeneffekt: Mehr Schutz vor Bots und Spam. Wobei Schutz häufig zulasten der Geschwindigkeit geht.
Ultima Ratio: Neues Hosting
Deine Website ist immer noch zu langsam? Dann lohnt sich ein neues Hosting.
- Einen schnellen Hoster wählen!
- Modernen Webserver einrichten: z. B. auf Basis von PHP 8, LiteSpeed und http 2
- Auf ausreichend Arbeitsspeicher achten (z. B. für WordPress mit Elementor mind. 8 GB RAM)
Sind WordPress-Websites besonders langsam?
Nein, so pauschal lässt sich das nicht sagen. Problematisch ist definitiv der exzessive Einsatz von Plug-ins. Auch Elementor als Editor ist nicht die beste Wahl. Viele User sind deshalb längst auf Gutenberg umgestiegen. Profis schwören hingegen auf barebones.
Analyse-Tools
Die Gründe für mangelhafte Website-Geschwindigkeit können kompliziert sein. Viel Licht ins Dunkel bringt Lighthouse – ein Tool, welches in Chrome enthalten ist und über die F12-Taste geöffnet werden kann.
Du bist Firefox User? Lighthouse ist auch als Browser-Plug-in verfügbar. Hier geht es zum Download.
Weitere bekannte Analyse-Tools sind Pingdom und GTMetrix. Ein Blick lohnt sich definitiv.
Fazit
Eine Website schneller zu machen ist meistens ohne großen Aufwand möglich. Häufig reicht die Einrichtung eines Cache-Plug-ins, um eine spürbare Verbesserung zu erzielen. Manchmal ist es auch ratsam, auf eine neue Website inkl. neuem CMS zu wechseln. Langfristig macht sich Pagespeed Optimierung fast immer bezahlt.
Ergänzende Artikel
Moin aus Hamburg!
Mein Name ist Frank und ich bin bereits seit 1996 in der Digitalbranche unterwegs. Du benötigst Hilfe bei der Auswahl und Einführung von Tools oder einer Marketing Cloud? Gern bin ich dein unabhängiger MarTech-Berater!