Nichts kann beim Surfen im Web mehr stören als eine Webseite, die nur sehr langsam lädt. Für Google ist das ebenfalls kein gutes Zeichen und für Shopbetreiber bedeutet jede Millisekunde mehr Ladezeit Einbußen beim Umsatz.
Umso wichtiger ist es deshalb, dass Deine Webseite den nötigen Speed hat. Hier erfährst Du, wo die Geschwindigkeitsbremsen liegen und wie Du sie lösen kannst.
Als Ladegeschwindigkeit wird in der Regel die Zeit bezeichnet, die eine Webseite vom Klick auf einen Link benötigt, damit sie im Browser angezeigt werden kann. Neben der Bezeichnung „Ladegeschwindigkeit“ wird auch der Begriff „Ladezeit“ oder „Page Speed“ verwendet. Wenn Du im Web nach dem Thema suchst, wirst Du deshalb verschiedene Bezeichnungen für das gleiche Phänomen finden.
Im Zusammenhang mit einem schnellen Seitenaufbau ist auch die Time to first byte (TTFB) wichtig. Damit wird die Zeit bezeichnet, die verstreicht, bis ein Client den ersten Byte von einem Server erhält.
Seit April 2010 ist die Ladezeit einer Webseite für Google offiziell ein Rankingfaktor. Doch selbstverständlich ist nicht allein die Ladezeit für ein gutes Ranking verantwortlich. Sie ist nur einer von mehreren hundert verschiedenen Faktoren, welche das Ranking in den SERPs beeinflussen können. Doch gerade in einem kompetitiven Umfeld kann eine schnell ladende Website das Zünglein an der Waage für ein besseres Ranking bedeuten.
Es gibt zahlreiche Methoden, um die Ladezeit einer Webseite zu bestimmen. Du könntest zum Beispiel Deine Server-Logdateien auslesen oder manuell stoppen. Tatsächlich ist ein langsamer Seitenaufbau oftmals relativ, da jeder Nutzer Zeit anders empfindet. Wenn Du jedoch valide Daten verwendest, kannst Du langfristig besser an der Optimierung der Ladegeschwindigkeit arbeiten.
Google PageSpeed Insights: Google stellt ein kostenloses Tool zur Verfügung, mit welchem Du die Performance Deiner Webseite messen kannst. Dabei arbeitet Google mit einem Score von 100, welcher die maximale Punktzahl bedeutet. Nach der Eingabe Deiner URL und der Analyse erhältst Du nicht nur eine Angabe zur Ladegeschwindigkeit, sondern zu Möglichkeiten, diese durch einige Maßnahmen zu verbessern. Die Zahlen und Hinweise, die Google ausgibt, verwirren Anfänger jedoch häufig. Torben Leuschner nimmt in diesem Artikel im Ryte Magazin das PageSpeed Insights Tool genau unter die Lupe.
Abbildung 1: Startseite von Google PageSpeed Insights
Google Analytics: Wenn Du Deine Webseite mit Google Analytics analysierst, findest Du Zahlen zur Ladezeit im Bereich „Verhalten“. Klicke dann auf „Websitegeschwindigkeit“. Ein Vorteil: Hast Du auch E-Commerce-Tracking installiert, kannst Du direkt auswerten, wie sich die Ladegeschwindigkeit auf die Conversions auswirkt.
Google Search Console: In der Google Search Console findest Du Ladezeiten im Bereich der Crawling-Statistiken unter dem Menüpunkt „Crawling“. Dort wird Dir angezeigt, wie viele Kilobyte pro Tag heruntergeladen werden und wie lange der Googlebot für das Herunterladen einer Deiner Seiten in Millisekunden benötigt. Interessant ist hier vor allem der Verlauf, so lassen sich zum Beispiel Ladeprobleme leichter aufdecken.
Ryte: Ryte zeigt Dir neben der Time-to-first-Byte auch die Pageload-Zeit an. Zugleich wird im Report eingestuft, wie gut die jeweilige Ladezeit ist.
Yslow: Hierbei handelt es sich um ein Tool, das von Yahoo! entwickelt wurde. Du kannst es als Bookmarklet, Werkzeug für die Kommandozentrale oder als Browsererweiterung nutzen. Die Regeln für die Geschwindigkeit basieren auf den Vorgaben von Yahoo!. Durch die Kommandozeilenfunktion ist das Tool auch für fortgeschrittene User interessant. Beachte, dass für die Nutzung des Plugins über Firefox auch das Plugin Firebug installiert sein muss.
Abbildung 2: Yslow
Pingdom.com: Dieses Tool erfordert eine Registrierung, damit Du es nutzen kannst. Es zeigt Dir die Ladezeiten Deiner Webseiten in Form von Diagrammen und Statistiken an, was die Auswertung erleichtert. So siehst Du zum Beispiel sehr schnell, welche Elemente das Laden einer Seite behindern.
Abbildung 3: Pingdom
WebPageTest.org: Hier hast Du die Möglichkeit, die Ladezeit mit verschiedenen Browsern zu simulieren. Zugleich können verschiedene Standorte genutzt werden. Somit lässt sich zum Beispiel testen, wie schnell eine Seite für Besucher aus anderen Ländern lädt.
Which Loads Faster: Das webbasierte Programm verfolgt einen eher kompetitiven Ansatz, denn es vergleicht die Ladezeit von zwei Seiten miteinander. Ähnlich funktioniert auch der Website Speed Ranker, mit dem Du bis zu vier Seiten auf einmal vergleichen kannst.
Es gibt viele verschiedene Gründe, die für eine schnelle Ladezeit sprechen:
1. Positive User Experience: Laut einer Studie von kissmetrics erwarten knapp die Hälfte aller Internetnutzer eine Ladezeit von weniger als zwei Sekunden. Dauert das Laden mehr als drei Sekunden, springen 40 Prozent der Besucher ab. Je kürzer also Deine Ladezeit, desto höher die Verweildauer der Nutzer und desto kleiner die Absprungrate. Eine schlechte Performance der Webseite kann Besucher sogar ganz abschrecken. Laut einer weiteren Umfrage gaben fast 80 Prozent an, dass sie langsame Webseiten kein zweites Mal besuchen würden.
2. Rankingfaktor: Für Google und andere Suchmaschinen ist eine positive User Experience ein wichtiger Faktor, um die Qualität einer Webseite zu bestimmen. Deshalb wurde der Pagespeed auch von Google zum Rankingfaktor erhoben. Je schneller Deine Webseite lädt, desto höher sind die Chancen auf gute Rankings.
3. Umsätze: Eine Verzögerung der Ladezeit um eine Sekunde kann die Conversions laut einer Studie um bis zu sieben Prozent senken. Was sich im ersten Moment nicht so viel anhört, lässt sich aber anhand einer einfachen Rechnung veranschaulichen. Macht Dein Online-Shop einen Tagesumsatz von 1.000 Euro, kann die Verzögerung der Ladezeit um eine Sekunde Einbußen von 70 Euro pro Tag bringen. Auf den Monat gerechnet, entgehen Dir dadurch 2.100 Euro an Umsatz. Auf das Jahr gerechnet ist eine langsame Webseite somit ein echter Umsatzkiller.
4. Crawling: Langsam ladende Webseiten werden vom Googlebot langsamer und nicht so intensiv gecrawlt, da er nur ein begrenztes Budget für das Crawling zur Verfügung hat. Mit der Ladegeschwindigkeit bestimmst Du somit auch, wie gut Deine Webseite gecrawlt wird und wie aktuell Deine Inhalte im Google-Index sind.
Prinzipiell gilt, dass eine Webseite weniger als zwei Sekunden laden sollte, um eine zufriedenstellende User Experience zu erzielen. Je kürzer die Ladezeit, desto besser. Liegt sie unter einer Sekunde, ist das sehr gut.
Diese Faktoren beeinflussen Performance und Ladezeit Deiner Webseite
Wie schnell Deine Webseite lädt, hängt von vielen verschiedenen Faktoren ab. Manche kannst Du durch OnPage-Optimierung verbessern, auf andere hast Du keinen Einfluss.
Auf diese Faktoren hast Du keinen Einfluss:
Diese Faktoren kannst Du beeinflussen:
Tatsächlich ist die Datenmenge, die bei jedem Seitenaufruf geladen werden muss, ein wichtiger Faktor für die Ladezeit der Webseite. Dieser Faktor wird umso wichtiger, je geringer die verfügbare Bandbreite ist.
Es gibt ganz verschiedene Ansatzpunkte, um die Ladegeschwindigkeit zu verkürzen. Manche sind eher technischer Natur, andere beruhen auf dem Entfernen von unnützen Inhalten sowie der Komprimierung von Daten. Legen wir los!
Wenn ein Client Deine Webseite aufruft, muss er dafür für jede neue Quelle einen http-request an den Server senden. Ein Request kann zum Beispiel für ein Bild nötig sein, eine andere Anfrage für eine Tabelle. Jeder dieser Aufrufe kostet Ladezeit.
Du kannst die Zahl der Aufrufe reduzieren, indem Du zum Beispiel die Einbindung von externen Daten via CSS oder JavaScript einschränkst. Oder du reduzierst Dein Webseite-Design auf das Wesentliche.
Mit CSS lassen sich Schriftgrößen, Farben und andere Elemente im Webdesign festlegen. Wenn jedoch jeder einzelne Style mit einem eigenen CSS-Befehl inline im HTML-Code hinterlegt wird, erfolgt für jedes Element eine neue Abfrage, die Ladezeit benötigt.
Durch eine Zusammenlegung aller CSS-Dateien in einem Stylesheet kann die Webseite schneller dargestellt werden. Das CSS-Stylesheet wird im
-Bereich der Webseite verlinkt.Du kannst die Größe von CSS und JavaScript verringern, indem Du zum Beispiel unnötige Leerzeichen entfernst. Diese werden auch „Whitespaces“ genannt. Auf diese Weise lässt sich der Quellcode zum Beispiel auf nur eine Zeile reduzieren.
Code-Snippet mit vorhandenen Leerzeichen und Zeilenumbrüchen:
CSS Code ohne Zeilenumbrüche:
Du kannst zum Minimieren von JavaScript und CSS auch spezielle Tools verwenden. Empfehlenswert sind:
Deine Webseite wird erst dann vollständig angezeigt, wenn alle JavaScripte und CSS-Dateien geladen wurden. Um den Ladevorgang zu beschleunigen, kannst Du JavaScript und CSS erst am Ende des HTML-Codes einfügen. Selbst wenn der Server langsam ist, wird der Seitenaufbau erst einmal nicht beeinträchtigt.
Die ideale Position für CSS-Dateien ist deshalb im <head>-Bereich der Webseite. JavaScript solltest Du hingegen im Footer der Webseite einbauen.
Eine mögliche Einbindung der Dateien kann so aussehen:
Bei sogenannten CSS Sprites handelt es sich um CSS-Dateien, die aus mehreren einzelnen Bildern bestehen. Damit lassen sich zum Beispiel alle Hintergrundbilder eine Webseite zusammenfassen. Statt vieler einzelner Requests benötigt ein Browser nur noch eine Anfrage, um Hintergrundbilder darstellen zu können. Per CSS wird genau definiert, wie der Bildausschnitt sein soll und wo welcher Ausschnitt des Gesamtbilds angezeigt werden soll.
Ein Beispiel: XING hat hier verschiedene Hintergrundgrafiken zu einem CSS-Sprite zusammengefügt.
Abbildung 4: CSS Sprite bei XING
Über die CSS-Einstellungen wird dem Browser mitgeteilt, wie er die Grafiken vertikal und horizontal anordnen soll. Ein möglicher CSS-Code könnte dann so aussehen:
und so ergänzt werden:
Mit CSS und JavaScript bestimmen zwei Dateiformen einen Großteil vom Erscheinungsbild Deiner Webseite. Für diese Elemente wird viel Quellcode benötigt, der mit jedem Seitenaufruf erneut ausgelesen werden muss. Das kostet Zeit.
Um den Quellcode zu reduzieren, kannst Du CSS- und JavaScript-Dateien auslagern. Sie werden dann in einem Dokument zusammengeführt. Dafür ist dann nur noch ein Abruf nötig. Wenn der Browser die Datei in den Zwischenspeicher (Cache) lädt, kann die Ladezeit nochmals reduziert werden.
So kannst Du JavaScript auslagern:
Lass Dir den Quellcode Deiner Website mit einem Editor anzeigen. Schneide dann alle JS-Dateien aus und erstelle eine neue Textdatei, in welche Du alle Code-Schnipsel einfügst. Speichere die Datei als main.js ab und hinterlege sie auf Deinem Server in dem Ordner, wo alle anderen HTML-Dateien zu finden sind.
Im HTML-Code der Webseite entfernst Du folgende Befehle:
und
Die gelöschten Befehle ersetzt Du durch diesen Befehl:
Bilder sind wichtig, damit eine Webseite anschaulich und attraktiv für Deine Nutzer wird. Doch gerade Bilder bergen die Gefahr, dass sich die Dateigröße Deiner Webseite enorm erhöht und dadurch die Ladezeit verzögert wird.
Deshalb solltest Du grundsätzlich nur Bilder verwenden, die für die Webnutzung optimiert sind. Generell gilt: Fotos und hochwertige Grafiken sollten als .jpeg und Grafiken, die kleiner als 10 x 10 Pixel sind, als .gif verwendet werden.
Weitere Schritte:
Mit dieser Methode wird ein HTML-Dokument auf dem Server zwischengespeichert, das die zentralen Elemente der Webseite enthält. Wird eine URL ein zweites Mal abgerufen, müssen diese Elemente nicht neu vom Server, sondern vom Zwischenspeicher geladen werden.
Mit GZip hast Du die Möglichkeit, eine komplette Webseite zu komprimieren. Das bedeutet, dass die zu ladende Datei reduziert und somit die Ladezeit verringert werden kann. Der Vorteil dieser Optimierungsmaßnahme besteht darin, dass sie relativ einfach umzusetzen ist und dass das GZip-Format von allen gängigen Webservern genutzt werden kann. Ein Browser oder der Googlebot benötigen dadurch weniger Zeit, bis Deine Webseite gerendert wird.
Da Apache-Server am häufigsten für Webseiten zum Einsatz kommen, folgt hier das Beispiel für Apache.
Zum Einsatz kommen dabei zwei verschiedene Module: mod_deflate und mod-gzip.
Wie kann ich Dateien mit gzip komprimieren?
1. Füge die Zeile „mod_deflate“ in das Apache-Modul ein und starte den Server neu.
2. Ergänze die .htaccess-Datei um diese Zeilen und speichere sie ab:
# gzip Compression
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
</ifmodule>
Mit der .htaccess-Datei kannst Du Befehle an den Server übergeben, die er bei einer Anfrage durch einen Client ausführen soll. Die .htaccess-Datei wird zum Beispiel auch für 301-Weiterleitungen genutzt.
Bei einem Content Delivery Network handelt es sich um dezentrale Server an unterschiedlichen Standorten, auf welchen Teile Deiner Webseite gespeichert werden. Auf diese Weise ist es zum Beispiel möglich, dass Daten beim Seitenabruf parallel von verschiedenen Servern heruntergeladen werden. Dadurch wird die Ladezeit deutlich gesenkt. Ein CDN ist vor allem dann sinnvoll, wenn Dein Webangebot international ausgerichtet ist und Du möchtest, dass alle Deine Nutzer weltweit eine schnelle Webseite nutzen können.
Um ein CDN nutzen zu können, musst Du Dich bei einem Anbieter registrieren. Es gibt zwar kostenlose CDN im Web, doch solltest Du genau prüfen, zu welchen Konditionen das Angebot gratis ist.
Die kostenpflichtigen Anbieter rechnen in der Regel pro Datenvolumen ab, das über das Netzwerk monatlich genutzt wird.
Bekannte Anbieter sind:
301-Weiterleitungen sind zwar sinnvoll, um Duplicate Content zu vermeiden oder nicht mehr benötigte URLs auf neue URLs nach einem Relaunch umzuleiten, doch erhöht jede Weiterleitung die Ladegeschwindigkeit. Zwar ist die Verzögerung pro Weiterleitung nicht sehr lang, doch spürbar. Denn jedes Mal, wenn ein Browser auf eine Weiterleitung trifft, muss er eine neue URL aufrufen. Danach muss er zunächst warten, bis ein http-request zurückgegeben wurde.
Wenn dann noch mehrere 301-redirects hintereinander erfolgen, kann sich die Ladezeit deutlich erhöhen. Darüber hinaus folgt der Googlebot nur maximal drei Weiterleitungen, sodass eine Verkettung von redirects auch für das Crawling von Nachteil ist.
Um viele Weiterleitungen zu vermeiden, solltest Du die URL-Struktur oder den Aufbau von neuen URLs dokumentieren. Gleiches gilt für eingerichtete 301-redirects. Findest Du bei der Analyse Deiner Webseite mehrere Weiterleitungen hintereinander, solltest Du die erste Weiterleitung direkt auf das eigentliche Linkziel führen, ohne den Umweg über eine oder mehrere redirects.
Viele Webseiten werden heute auf Shared-Hosting-Plattformen gehostet. Das bedeutet, dass Du Deinen Server in diesem Fall mit anderen Webseiten teilst. Je nach Anbieter können das schnell bis zu 100 Webseiten sein. Dieser eine Server muss alle Anfragen der dort gehosteten Webseiten beantworten. Das funktioniert in der Regel nur zu Lasten der Ladezeit.
Wenn Du das vermeiden möchtest, solltest Du Deine Webseite auf einem dedizierten Server hosten. Dabei hast Du die Möglichkeit, die Hardware des Servers individuell an den Bedarf Deiner Webseite anzupassen. Auf diese Weise lässt sich zusätzliche Ladezeit einsparen.
Ein positiver Nebeneffekt: Du musst Dich nicht um Bad Neighbourhood auf dem Server kümmern.
Beim Abruf einer Webseite folgt ein Client oder ein Browser dem Quellcode des HTML-Dokuments Zeile für Zeile. Alle Leerzeichen oder Zeilenumbrüche werden dabei mit ausgelesen. Ein überflüssiges Leerzeichen wird die Performance Deiner Webseite sicherlich nicht negativ beeinflussen. Da eine Webseite je nach Umfang aus mehreren hundert Zeilen Quellcode bestehen kann, wirken sich überflüssige Leerzeichen oder Kommentare schon deutlicher auf die Ladezeit aus.
So startest Du die „Minification“ des Quellcodes:
Um überflüssigen Quellcode zu vermeiden, solltest Du Texte immer entweder schon als HTML formatiert in die Webseite einfügen, den Editor des CMS verwenden oder die Texte als Plain Text einfügen und dann formatieren. Wenn Du Texte direkt aus Word oder anderen Officeprogrammen direkt ins CMS einbindest, strotzen diese vor überflüssigem Quellcode.
Wenn Du die Prefetching-Technik einsetzt, speichert Dein Browser bestimmte Elemente der Webseite in den Cache, schon bevor die Seite komplett geladen wurde. Somit können Bilder, Grafiken oder JavaScript und CSS geladen werden, ohne das Rendering der Webseite zu behindern.
Damit eine Datei zu prefetchen, musst Du den Quellcode anpassen. In diesem Fall wird vor das gewünschte Element das Attribut rel=“prefetch“ gesetzt.
Ein Beispiel:
<link rel=“prefetch“ href=“//meineseite.de/beispielbild.jpg“>
Hier wird das Beispiel schon vor dem Aufruf einer weiteren Seite mitgeladen. Die Ladezeit beim neuen Seitenaufruf wird dadurch verkürzt.
Nutzt Du die Prerendering-Methode, wird eine komplette Webseite im Voraus vom Browser heruntergeladen und im Cache zwischengespeichert. Darin eingeschlossen sind alle Dateien, die für das komplette Rendering benötigt werden. Die im Voraus gerenderte Webseite kann bei einem Aufruf fast ohne Verzögerung geladen werden. Die Ladezeit wird dabei auf weniger al 50 Millisekunden gekürzt.
Um das Prerendering zu implementieren, musst Du folgenden Zeile im Quellcode der betreffenden Webseite einfügen:
<link rel=“prerender“ href=“//prerendering-seite.de/verzeichnis“>
Noch mehr Details und Insights zum Thema Prerendering und Prefetching findest Du in diesem Beitrag.
Ob Sharebuttons oder Trackingcodes, externe Skripte können in ganz unterschiedlicher Ausführung und zu unterschiedlichen Zwecken auf Deiner Webseite eingebunden sein. Was Du dabei jedoch beachten solltest: Diese Codes können Deine Webseite langsamer machen.
Installiere deshalb nur Share-Buttons, die Du wirklich brauchst. Versucher außerdem, dich bei Tracking-Codes auf ein Minimum zu beschränken.
Weitere Tipps:
Google bietet Webmastern mit Accelerated Mobile Pages die Möglichkeit, mobile Webseiten nahezu ohne Verzögerung zu laden. Zu diesem Zweck müssen die Seiten bestimmte Voraussetzungen erfüllen, damit sie auf Mobilgeräten angezeigt werden können.
Viele CMS wie WordPress ermögliche die Nutzung von AMP mit Hilfe von Plugins. Eine ausführliche Beschreibung zur Technik und zur Umsetzung findest Du hier im Ryte Magazin. Bis dato können AMP noch nicht für Online-Shops genutzt werden. Es ist von den Entwicklern jedoch angedacht.
Weitere Hinweise:
Mit Hilfe von Browser-Caching werden Elemente Deiner Webseite nicht wie beim Server-Caching vom Webserver zwischengespeichert, sondern vom einem Webbrowser. Somit müssen beim Abruf einer neuen URL Deiner Webseite nicht erneut alle Elemente geladen werden. Dadurch wird die Ladegeschwindigkeit erhöht.
Browser-Caching lässt sich bei vielen CMS über Plugins oder Erweiterungen aktivieren. Mögliche Plugins für das Browser-Caching mit WordPress sind zum Beispiel:
Die manuelle Aktivierung von Browser-Caching erfolgt über eine Anpassung der .htaccess-Datei. Dafür kannst Du eines von zwei Modulen des Apache-Servers einschalten: mod_headers und mod_expires.
Verwendest Du mod_headers, muss die .htaccess um folgenden Code ergänzt werden (Quelle GitHub):
<FilesMatch „\.(css|js|gif|pdf|jpg|jpeg|png)$“>
Header set Cache-Control „max-age=2592000, public“
</FilesMatch>
Die runden Klammern beziehen sich auf die Dateiformate, welche in den Cache gelegt werden sollen. Zugleich wird die Dauer des Caches mit „age“ angegeben. Die Einheit sind Sekunden. Bei diesem Beispiel sind das umgerechnet 30 Tage, die der Cache vom Browser gespeichert bleiben soll.
Möchtest Du mod_expires zum Browser-Caching nutzen, wir die .htacess-Datei um folgende Zeilen erweitert (Quelle GitHub):
## Cache Expiration ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg „access plus 1 year“
ExpiresByType image/jpeg „access plus 1 year“
ExpiresByType image/gif „access plus 1 year“
ExpiresByType image/png „access plus 1 year“
ExpiresByType text/css „access plus 1 month“
ExpiresByType text/html „access plus 1 month“
ExpiresByType application/pdf „access plus 1 month“
ExpiresByType text/x-javascript „access plus 1 month“
ExpiresByType application/x-shockwave-flash „access plus 1 month“
ExpiresByType image/x-icon „access plus 1 year“
ExpiresDefault „access plus 1 month“
</IfModule>
## Cache Expiration
Mit dieser Methode lässt sich für jeden Dateityp separat eine Ablaufzeit bestimmen.
Die Antwortzeit eines Servers hängt von vielen verschiedenen Faktoren ab. In der Regel hast Du selbst keinen direkten Einfluss darauf, sondern musst Dich an Deinen Webhoster wenden. Für Google gilt eine Antwortzeit von weniger als 200 Millisekunden als gut.
Mögliche Geschwindigkeitsbremsen können folgende Punkte sein:
1. Fehlerhafte Anwendungen: Prüfe im Vorfeld, ob Dein CMS korrekt installiert ist ode rob es Problem emit bestimmten Codeelementen gibt. Bei CMS wie WordPress können auch bestimmte Plugins die Antwortzeit des Servers negative beeinflussen.
2. Datenbankanfragen: Jede Webseite greift auf eine Datenbank zurück. Gibt es Fehler bei den Datenbankverbindungen, fallen diese auf die Antwortzeit des Servers zurück und erhöhen die Ladezeit der Webseite.
3. Frameworks und Librarys von Drittanbietern: Diese Elemente können sich negative auf die Server-Performance auswirken.
4. CMS: Dein Content Management System selbst kann die Ladegeschwindigkeit und die Antwortzeit des Servers bremsen. Dies gilt vor allem dann, wenn Du Dein CMS mit Funktionen erweiterst.
5. PugIns: WordPress wird häufig als CMS genannt, das zwar viele Plugins ermöglicht, doch anfällig für eine Schwächung der Serverperformance ist, wenn das falsche Plugin installiert wird.
6. Schwache CPU: Wenn Deine Webseite zum Beispiel bei einem günstigen Webhoster gemanaged wird, können Trafficspitzen bei anderen Webseiten, die auf dem gleichen Server gehostet werden, zu Geschwindigkeitseinbußen führen.
7. Zu geringer Speicher: Verfügt Dein Server über einen zu geringen Speicher kann erhöhter Traffic zu einer langsamen Webseite führen.
In manchen Fällen kann es sein, dass ein Wechsel zu einem anderen Hoster nötig wird, da die angebotene Leistung für Deine Webseite nicht ausreicht.
Greift ein Client wie ein Webbrowser auf Deine Seite zu, werden für jede Ressource Requests gestellt, um die Datei anzeigen zu können. Wenn diese Ressourcen in Form von Bildern oder JavaScript-Dateien jedoch nicht gefunden werden, führt das zu einer Reaktionskette, die Ladezeit verschwendet.
Bad Requests kannst Du einfach vermeiden, indem Du fehlerhafte Dateien korrigierst und den korrekten Pfad angibst oder Du auf eine neue Datei weiterleitest.
Jedes Bild, das auf Deiner Webseite verwendet wird, benötige mehrere Zeilen Code. Dieser Code wird beim Seitenabruf Zeile für Zeile ausgelesen. Wenn Du nun Buttons, Icons oder Hintergründe als Grafiken hinterlegst, benötigt ein Browser viel Zeit, um Deine Webseite zu laden.
Die Lösung besteht darin, alle grafischen Elemente außer Fotos per CSS3 zu erzeugen. Auf diese Weise reduzierst Du den Quellcode. Zugleich können die Dateien auf allen Endgeräten in gleich hoher Qualität angezeigt werden.
Eine Webseite verfügt über viele mögliche Stellschrauben, an welchen Du drehen kannst, um die Ladezeit der Seite zu verbessern. In diesem Artikel hast Du ein paar Möglichkeiten näher kennen gelernt. Einige Methoden sind auch von Einsteigern und SEO-Neulingen sehr einfach umzusetzen. Somit kann jeder seine Webseite schneller machen und für glücklichere Nutzer und Suchmaschinen sorgen.
In diesem Sinne: Happy Optimizing!
Theorie ist gut – Praxis ist besser! Jetzt Page Speed analysieren und optimieren mit Ryte FREE!
Los geht’s!Veröffentlicht am 06.04.2017 von Eva Wagner.
Eva ist ein erfahrener Content Marketer. Sie war bis Mai 2018 Teil des Online-Marketing Teams von Ryte. Als Verantwortliche für Redaktion & Presse organisierte sie mit viel Kreativität und ihrem Gespür für aktuelle Themen das Ryte Magazine und das Ryte Wiki. Außerdem leitete sie die Präsenz von Ryte auf großen Messen wie der dmexco in Köln.
Jetzt Gastautor werden »
Entdecke Ryte und optimiere Deine Website nachhaltig!
Jetzt loslegen