Fünf Kurztipps zur Website Optimierung

Dies war in den letzten Jahren eines der Mantras von Google, da das Web exponentiell gewachsen ist. Was sie gesehen haben, ist, dass mit dem Wachstum des Webs und der Erstellung von immer mehr Websites eine beträchtliche Anzahl von ihnen nicht gut genug optimiert ist, damit die Verbraucher sie nutzen können.

KISSMetrics, ein beliebter Website-Analyse-Blog, veröffentlichte Daten zu den Auswirkungen der Ladezeiten auf E-Commerce-Websites. Sie stellten fest, dass 47% der Verbraucher erwarten, dass eine Webseite innerhalb von 2 Sekunden oder weniger geladen wird, und dass bereits eine Verzögerung der Seitenantwort von 1 Sekunde zu einer Reduzierung der Conversions um 7% führen kann. Da so viel Druck auf eine schnelle Ladezeit ausgeübt wird, ist es wichtig sicherzustellen, dass Ihre Websites für die beste Leistung optimiert sind. Hier sind einige Tipps, um die Leistung schnell zu steigern. Beachten Sie, dass sie einige Grundkenntnisse der Website-Struktur / Ihres Webhosts erfordern.

1 – Content Delivery Network (CDN)

Ein CDN oder Content Delivery Network ist eine hervorragende Möglichkeit, Ihre Website schnell zu beschleunigen. Eine typische Verbindung zu Ihrer Website führt vom Browser eines Clients zu Ihrem Server, fordert die Website-Dateien an und kehrt zum Browser des Clients zurück. Dieser Prozess kann sich jedoch verlangsamen, wenn ziemlich viele Leute gleichzeitig versuchen, auf dieselben Dateien zuzugreifen. Stellen Sie sich vor, Sie fahren in einem Vergnügungspark. Wenn sich niemand in der Schlange für die Fahrt befindet, können Sie durchlaufen, sich auf die Fahrt begeben und sie genießen. Wenn sich jedoch viele Leute anstellen, erhöht sich Ihre Wartezeit auf diese Fahrt.

CDNs werden verwendet, um diese Wartezeit zu verkürzen. Ein CDN fungiert als Vermittler für diese Anfragen an Ihren Server. Wenn die angeforderte Datei zuvor angefordert wurde, antwortet das CDN mit der alten Datei. Dadurch wird die Anzahl der Anfragen an Ihren Server drastisch reduziert, was bedeutet, dass Ihre Website schneller reagiert und unter höheren Benutzerlasten standhält.

2 – Weniger HTTP-Anfragen

In Übereinstimmung mit der Verarbeitung wiederholter Dateianforderungen durch ein CDN tragen insgesamt weniger Anforderungen dazu bei, die Site zu beschleunigen. Dies ähnelt dem mehrmaligen Ablaufen eines Basketballplatzes und zurück. Es ist eine viel einfachere Aufgabe, wenn Sie aufgefordert werden, dreimal hin und her zu rennen, anstatt etwa sechs oder neun. Gleiches gilt für Ihren Browser. Wenn Sie 20 bis 30 Dateien pro Seite laden, dauert dies länger als beim Laden von 5 bis 10 Dateien.

Das ist ziemlich einfach. Aber wie können Sie die Anzahl der HTTP-Anforderungen reduzieren, wenn Sie nur die Dinge laden, die Sie für diese Seite benötigen? Minimieren und verketten Sie Javascript- und CSS-Dateien. Diese Dateien, die Sie laden, können in den meisten Szenarien zu einer zusammengefasst und komprimiert werden. Dieser Vorgang wird als Minimieren und Verketten Ihrer CSS- und Javascript-Dateien bezeichnet.

3 – Javascript aufschieben

Das Aufschieben von Javascript ist eine ausgefallene Art zu sagen, dass „Javascript zuletzt laden“. Javascript-Dateien haben ein Verhalten, das als Blockieren bezeichnet wird, wenn sie auf eine Seite geladen werden. Blockieren bedeutet, dass der Browser beim Laden der Seite Zeile für Zeile geht und jede Codezeile betrachtet. Wenn eine CSS-Datei gefunden wird, wird der Browser angewiesen, diese CSS-Datei parallel zu laden, während der Rest der Seite weiter geladen wird. Wenn eine Javascript-Datei erreicht ist, stoppt der Browser das Laden der Site, bis der Download dieser Datei abgeschlossen ist. Aus diesem Grund wird empfohlen, Ihr Javascript in der Nähe des </ body> -Tags zu platzieren, damit die Seite schneller vollständig geladen zu werden scheint.

4 – Bildoptimierung

Die durchschnittliche Herunterladen-Geschwindigkeit für mobile Geräte beträgt ~ 5,0 Mbit / s. Die durchschnittliche Fotogröße eines iPhone 5s liegt bei 2,0 MB. Für jedes Bild, das Sie in voller Größe haben, addieren Sie unter optimalen Bedingungen etwa eine Drittelsekunde zur Ladezeit der Site. Und das ist nur in Bildern. Durch Optimieren und Komprimieren Ihrer Bilder können Sie die Dateigröße von 2,0 MB auf etwa 190 bis 300 KB reduzieren, was viel kleiner ist.

Das Optimieren von Inhalten für das Gerät, auf dem sich der Benutzer befindet, wird als Responsive Design bezeichnet. Ziemlich viele Leute denken, dass Responsive Design nur die Gestaltung Ihrer Inhalte so gut wie möglich anpasst. Während die Benutzerfreundlichkeit von Mobilgeräten einen großen Teil der Reaktionsfähigkeit ausmacht, ist Ihre Website nicht Reaktionsfähigkeit, wenn das Laden Ihrer Website aufgrund der Größe Ihrer Bilder / Inhalte ewig dauert.

Eine gute Seite zum Ändern der Größe und Komprimieren Ihrer Bilder finden Sie hier (ImageOptimizer.net)( http://www.imageoptimizer.net/Pages/Home.aspx).

5 – Aktivieren Sie die gzip-Komprimierung

Dies ist der technisch am weitesten fortgeschrittene der oben genannten Vorschläge, der jedoch dazu beitragen kann, einen Teil dieser Ladezeitverzögerung zu vermeiden. Auf den meisten Webservern ist ein Komprimierungsprogramm Namens gzip installiert. Gzip kann die Dateigröße Ihrer Dateien reduzieren, wenn diese angefordert werden. Dies bedeutet, dass Ihre Website bei jeder Anforderung weniger Daten vom Server anfordert. Durch diese Komprimierung kann die Dateigröße von Stylesheets und Inhaltsdateien um bis zu 70% reduziert werden.

Zum Aktivieren müssen Sie wissen, welchen Webservertyp Sie derzeit verwenden. Anweisungen für Apache- und IIS-basierte Server finden Sie hier.

(http://gtmetrix.com/enable-gzip-compression.html)

Mit diesen Tipps können Sie Ihre Website beschleunigen, was zu mehr Conversions führen kann.