Pagespeed - Der Schnellere gewinnt

Dass die Ladegeschwindigkeit einer Website direkten Einfluss auf das Ranking in den Suchmaschinen hat, dürfte sich mittlerweile bis in den letzten SEO Winkel dieser Erde herumgesprochen haben.
Dennoch wollen wir in diesem Artikel dieses Thema noch einmal genauer beleuchten und vor allem eine Anleitung geben, wie man in wenigen Schritten und ohne Programmierkenntnisse die Dateigröße einer Seite um ein Vielfaches reduzieren und somit den Pagespeed erhöhen kann.

Inhaltsverzeichnis:

1. Warum ist Pagespeed so wichtig?

Damit die Seite schneller ladet, no-na werden jetzt einige sagen.
Zeit ist mittlerweile aber eine sehr wichtige Ressource, die knapp geworden ist. Dies gilt natürlich auch für den Besucher einer Internetseite.
In Zeiten der mobilen Endgeräte gewinnt eine schnellere Ladezeit immer mehr an Bedeutung. Neben der rascheren Auslieferung der gewünschten Daten verringert sich auch die Absprungrate einer Seite, da die Benutzerfreundlichkeit steigt.

Erhöhe ich den Page Speed, steigere ich die Benutzerfreundlichkeit und verringere somit die Absprungrate  einer Seite.

Alles Faktoren, die Suchmaschinen in die Bewertung einer Seite miteinfließen lassen.

In diesem Zusammenhang sollte man eher sekundär an die Suchmaschinenoptimierung und primär an die Steigerung der Benutzerfreundlichkeit und die damit verbundene Erhöhung der Conversion Rate einer Seite denken.

Ein weiterer immens wichtiger Punkt sind die Crawling-Statistiken. Die Ladezeit einer Seite hat direkte Auswirkungen auf die Googlebot-Aktivitäten.
Je geringer die Dauer des Herunterladens seiner Seite, desto mehr Seiten crawld der Robot bei seinem Besuch.
Diesen Korrelation kann man sehr schön in den Webmaster Tools unter "Status - Crawling Statistiken" sehen:

Crawling Stastitik Webmaster Tools

Der Pagespeed gehört mittlerweile zu den absoluten Basics einer erfolgreichen Internetseite

2. Möglichkeiten zur Erhöhung des Performance

Es gibt mehrere Möglichkeiten, die Geschwindigkeit beim Laden von Webseiten zu erhöhen. In diesem Artikel sehen wir uns die serverseitige Verwendung des Kompressionsprogramms Gzip (GNU zip) näher an, im Detail die Komprimierung der oft sehr großen .css und .js Dateien.
Mittels Gzip kann man gewisse Dateiformate komprimieren und somit die Dateigröße einer Seite teils um ein Vielfaches verringern. Dieses Format wird von jedem gängigen Browser unterstützt.
Damit man dieses Programm aber nutzen kann, muss es auch vom Server unterstützt werden, was eigentlich keine Problem sein sollte aber dennoch nicht von allen Providern automatisch angeboten wird. Einfach beim Service-Provider nachfragen, ob Gzip unterstützt wird.
Mehr über Gzip im Allgemeinen könnt ihr hier erfahren: Wikipedia Gzip.

3. Gzip-Komprimierung mittels der Konfigurationsdatei .htaccess installieren

Wir gehen jetzt einmal davon aus, dass euer Provider alle notwendigen Ressourcen für die Verwendung von Gzip zur Verfügung stellt. Weiter unten im Text gibt es dann auch einen Link, um die einwandfreie Funktionalität testen zu können.
Die einfachste Methode dieses Programm zu nutzen ist über die .htaccess. Alles was dazu nötig ist, ist die Erweiterung der .htaccess um den unten stehen Code. Diesen Code kann man sicher noch erweitern und optimieren, für unsere Anforderungen hat er aber bis jetzt immer bestens funktioniert.
Vereinfacht gesagt teilt man über die .htaccess mit, dass bei einer vorhandenen Gzip Datei diese an Stelle der größeren Original-Datei verwendet werden soll.

# BEGIN Gzip Compression
AddEncoding gzip .gz
<filesmatch "\.js\.gz$">
AddType "text/javascript" .gz

<filesmatch "\.css\.gz$">
AddType "text/css" .gz


RewriteEngine On
RewriteBase /
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME} \.(js|css)$
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*)$ $1.gz [QSA,L]

# END Gzip Compression

4. Website hinsichtlich Pagespeed analysieren

Um jetzt daran zu arbeiten, den Pagespeed zu erhöhen, muss man einmal wissen, wo Verbesserungspotential vorhanden ist. Hierfür gibt es unter

https://developers.google.com/speed/pagespeed/insights?hl=de-DE
Pagespeed Analyse

die Möglichkeit, die eigene Internetseite hinsichtlich der erfüllten Punkte für eine bessere Performance analysieren zu lassen. Die Beurteilung erfolgt mit einem Punktesystem, wobei 100 Punkte die Obergrenze sind. Diese Bewertung sagt aber nur aus, dass man alle Hausaufgaben zur Optimierung der Ladegeschwindigkeit erfüllt hat, jedoch nichts über die eigentliche Ladegeschwindigkeit.

Wie bei den meisten Webmastern wird das Ergebnis dieser Analyse so aussehen, dass unter "High priority" der Punkt "Komprimierung aktivieren" aufscheint. Hier wird dann auch gleich das Optimierungspotential angezeigt. In diesem Fall liegt es bei 76% (!!), nur durch die Komprimierung der .css und .js Dateien.

Pagespeed Analyse
Im Ergebnisfenster werden dann auch alle Dateien und deren Pfade angezeigt, somit weiß man jetzt, wo man die Hebel ansetzen muss.

Auf ein weiteres sehr hilfreiches und auch kostenloses Tool hat uns Ralf Baier aufmerksam gemacht. "Trafficscanner - für kleine/mittlere Seiten ganz gut. Bei großen Seiten etwas problematisch. auf Produkteben könnte es wieder funktionieren." Am besten einfach selbst testen:

http://floern.com/tools/trafficscanner

5. Daten komprimieren - Ladezeit verringern

Der nächste Schritt liegt darin, die in der Page Speed-Analyse angezeigten Daten zu komprimieren.
Hierfür gibt es ein kostenloses Tool für Windows, namens 7-zip, dass man hier herunterladen kann:

http://www.7-zip.org/download.html
7zip Screenshot

Die Daten einfach entpacken und Programm starten. Anschließend über z.B. einen FTP Zugang alle zuvor in der Page Speed-Analyse angezeigten Dateien auf den lokalen Computer herunterladen und über den 7-zip File Manager in dieses Verzeichnis wechseln.
Die weiteren Arbeitsschritte sind denkbar einfach:

  1. Datei auswählen

  2. Hinzufügen betätigen

  3. Archivformat Gzip wählen

  4. OK klicken und fertig ist das Gzip File

Datenkomprimierung

Als nächstes diese komprimierte Datei in das gleiche Verzeichnis in dem sich die ursprüngliche Datei befindet zurück transferieren. Die Originaldatei muss nicht bearbeitet werden und bleibt unverändert. Diesen Schritt jetzt so oft wie nötig wiederholen.
Da man in den meisten Fällen einige .css und .js Daten auf dem Server hat, kann diese Arbeit natürlich ein wenig Zeit beanspruchen, aber es zahlt sich wirklich aus.

Nach getaner Arbeit die Page Speed Analyse erneut durchführen. Die Punktezahl sollte sich je nach Arbeitsfortschritt erhöht haben.

Um jetzt auch überprüfen zu können, ob serverseitig alles funktioniert, einfach diese Seite
http://www.gidnetwork.com/tools/gzip-test.php
aufrufen, Webadresse eingeben und auf ein positives Ergebnis wie dieses hoffen.Pagespeed Komprimierung

Wie man auf dem Bild erkennen kann, hat sich die Dateigröße von knapp 61 KB auf 13 KB verkleinert. Das ist eine Verringerung um beinahe 79%!!

Der Vollständigkeit halber auch noch die Bestätigung von Sistrix (Dateigröße der Startseite):Sistrix Ergebnis

Abschließend könnt ihr jetzt die Verbesserung der Ladegeschwindigkeit in absoluten Zahlen mit zahlreich vorhandenen und kostenlosen Tools im Netz testen oder einfach die Seite selbst aufrufen. Ihr merkt vor allem bei mobilen Geräten sofort die Verbesserung der Ladezeiten.

Fazit:
Wie gesagt, gibt es viele Möglichkeiten den Page Speed und die Performance einer Webseite zu steigern. Wir haben euch in diesem Fall gezeigt, wie man in wenigen Schritten und mit Hilfe kostenloser Tools die ersten wichtigen Schritte setzt.

Bedenkt bei jedem neuen Projekt, dass die Ladegeschwindigkeit ein immens wichtiger Bewertungsfaktor einer Webseite ist und direkten Einfluss auf die Usability und Conversion Rate hat. Setzt alles daran, den Page Speed weitestgehend zu optimieren.

Man muss bei der Bildung von Korrelationen immer vorsichtig sein, jedoch haben alle unsere Beobachtungen eines gezeigt: Die Verbesserung der Performance hinsichtlich Ladegeschwindigkeit hatte in kürzester Zeit direkten Einfluss auf das Ranking in den Suchmaschinen.

Noch Fragen zum Pagespeed oder zur Suchmaschinenoptimierung? Dann kontaktieren Sie uns noch heute, wir melden uns umgehend!

Zurück

Anfrage senden