Lassen Sie nicht zu, dass eine langsame Website Ihr Content-Marketing zerstört

Veröffentlicht: 2019-04-09

In der heutigen extrem wettbewerbsorientierten Gesellschaft, die immer unterwegs ist, hat niemand Zeit für langsames Laden von Websites.

Google bestraft jetzt klobige, ineffiziente Websites, indem es ihr Ranking auf den Suchmaschinen-Ergebnisseiten (SERPs) senkt. Website-Besitzer haben nur Sekunden, bevor Besucher frustriert werden und weitermachen. Das ist nicht viel Zeit, um einen Besucher davon zu überzeugen, herumzuhängen und ein begeisterter Fan von großartigen Inhalten zu werden, die Sie möglicherweise erstellt haben.

Alles, was Sie tun können, um die Geschwindigkeit und Effizienz zu verbessern, sollten Sie schnell tun, denn der Prozentsatz der Leute, die eine langsame Website verlassen und nie wieder zurückkehren, ist entmutigend hoch.

Wie stellen Sie also sicher, dass Ihre Seite so schnell wie möglich geladen wird? Lesen Sie weiter, um einige Tricks und Profi-Tipps zu erfahren, die Latenzprobleme reduzieren und den Prozess beschleunigen.

Reduzieren Sie die Anzahl der Hypertext Transfer Protocol-Anfragen

HTTP-Anforderungen (Hypertext Transfer Protocol) machen etwa 80 Prozent der Ladezeiten von Webseiten aus. Sie treten auf, wenn der Browser eine Seite, ein Bild oder eine Datei vom Server abrufen muss. Der durchschnittliche Webbrowser öffnet nur zwischen vier und acht dieser Verbindungen gleichzeitig.

Das heißt, selbst wenn Sie die theoretische Geschwindigkeit haben, dauert das Laden von Seiten mit zahlreichen Anfragen eine Weile. Sie können die Anzahl der HTTP-Anfragen einfach begrenzen, indem Sie das Seitendesign sauber und einfach halten oder die Anzahl der Bilder und Videodateien auf jeder Seite reduzieren.

Eine andere Möglichkeit, eine langsame Website zu beschleunigen, besteht darin, CSS- und JavaScript-Dateien in einer einzigen, größeren Datei zu kombinieren. Dies reduziert die Anzahl der Male, die der Browser zum Server zurückkehren muss, um Dateien abzurufen und sie auf die Webseite zu laden, indem die kumulative Anzahl von Dateien reduziert wird. Der Prozess ist einfach genug, dass sogar ein Anfänger damit umgehen kann, und er ist im Wesentlichen für beide Dateitypen gleich.

Um Dateien zu kombinieren, kopieren Sie einfach den Code von einer Datei in eine andere. Sobald die gesamte entsprechende Codierung übertragen wurde, löschen Sie die Originaldateien und den zusätzlichen HTML-Code. Alles, was dazu benötigt wird, ist ein einfaches Kopieren und Einfügen und kann in jedem Texteditor wie TextEdit unter Mac OS X oder Notepad unter Windows durchgeführt werden.

Optimieren und komprimieren Sie Ihre Dateien

Es gibt zwei Dateitypen, die Sie komprimieren sollten, um die Ladezeiten der Website zu verbessern: 1) Bilder und 2) Codedateien wie CSS und JavaScript. Schauen wir uns jeden an.

So komprimieren Sie Bilder

Bilder nehmen die Mehrheit der verfügbaren Webseiten-Ressourcen ein. Sie sollten Ihre Site überprüfen und alle unnötigen entfernen. Sobald Sie nur die gewünschten Bilder haben, führen Sie jedes durch ein Fotooptimierungsprogramm.

Google hat einen großartigen Bildoptimierer in seinen Entwicklertools. Jedes Bild sollte weniger als 150 KB groß und von mittlerer Qualität sein – etwa 72 dpi. Kein Bild sollte breiter als 1.920 Pixel sein. Manchmal ist die Optimierung so einfach wie das Ändern des Dateiformats für Ihre Bilder.

Um den Bildoptimierer von Google oder ein anderes Optimierungstool zu verwenden, laden Sie einfach ein Bild von Ihrem Computer hoch, klicken Sie auf die Schaltfläche Optimieren oder Komprimieren und laden Sie dann das neu komprimierte Bild herunter. Die meisten Bildkomprimierungstools sind in der Lage, Dateien auf 50 % bis nur 5 % ihrer Originalgröße zu komprimieren – ein großer Gewinn für die Seitengeschwindigkeit.

CSS-Dateien komprimieren

Bei Cascading Style Sheets (CSS ) können Sie die gesamte Codierung in eine Hauptdatei kopieren, aber stellen Sie sicher, dass Sie anstelle des @import-Befehls Kopieren/Einfügen verwenden, da dies zu weiteren Verzögerungen führen kann.

Sie können den JS-Code komprimieren oder verkleinern, indem Sie unnötige Leerzeichen, Kommentare und Zeilenumbrüche entfernen. Kostenlose Web-Apps wie Minifier können dies für Sie tun. So verwenden Sie das Tool:

1. Gehen Sie in Ihrem Browser zu Minifier.org. Melden Sie sich bei Ihrem WordPress-Dashboard an und gehen Sie zu Erscheinungsbild > Editor.

wordpress dashboard
Klicke im WordPress-Dashboard in der linken Seitenleiste auf Erscheinungsbild und dann auf Editor

2. Klicken Sie dann auf style.css und kopieren Sie den gesamten Code auf dem Bildschirm.

copying stylesheet
Kopieren Sie den gesamten Code aus style.css in die rechte Seitenleiste

3. Fügen Sie dann den Code in das Fenster von Minifier ein. Stellen Sie sicher, dass CSS ausgewählt ist, und klicken Sie dann auf die große MINIFY-Schaltfläche.

Minifier code box
Fügen Sie Ihren Code in das Feld Minifier-Code ein

4. Fügen Sie zuletzt die Ausgabe von Minifier wieder in Ihr style.css-Blatt ein und klicken Sie auf Datei aktualisieren.

saving stylesheet
Das style.css-Sheet mit „minifiziertem“ Code

Herzliche Glückwünsche! Sie haben jetzt Ihren CSS-Code minimiert. Mit anderen Worten, Sie haben ihn komprimiert, um Platz zu sparen, wodurch das Laden dieses Codes auf Ihrer Website beschleunigt wird.

Sie können den Vorgang mit jeder Art von Code wiederholen, einschließlich JavaScript. Stellen Sie einfach sicher, dass Sie die JS-Option in Minifier auswählen, bevor Sie auf die Schaltfläche MINIFY klicken.

Reduzieren Sie die Anzahl der Weiterleitungen auf Ihrer Seite

Das Verschieben oder Löschen von Seiten kann das Aussehen Ihrer Website optimieren, aber die Geschwindigkeit verringern, indem die Ladezeiten Ihrer Seiten durch Weiterleitungen verlangsamt werden. Sie sehen, jedes Mal, wenn Sie eine Seite verschieben oder löschen, stößt der Browser auf einen veralteten oder defekten Link und muss sich neu gruppieren.

Dies ist besonders frustrierend für Benutzer auf mobilen Geräten, die mittlerweile den Großteil des Web-Traffics ausmachen.

Die Lösung besteht darin, das Problem zu identifizieren und zu beseitigen. Dieser Tipp erfordert ein wenig Nachforschung, aber es gibt Programme, mit denen Sie alle Weiterleitungen schnell identifizieren können.

Mit einer App namens GTmetrix können Sie beispielsweise Ihre URL in eine Suchleiste vor Ort eingeben und eine kostenlose Leistungsanalyse vor Ort erhalten, die alle Weiterleitungen auf Ihrer Website auflistet.

Browser-Caching verwenden

Caching ermöglicht es Ihnen, Teile Ihrer Website in einen temporären Speicher auf dem System eines Benutzers herunterzuladen. Durch Browser-Caching wird das Laden der Seite in Zukunft schneller. Ein ähnlicher Trick besteht darin, dafür zu sorgen, dass die Startseite Ihrer Website besonders schnell lädt. Wenn Benutzer zum Rest Ihrer Site wechseln, werden die Ladezeiten der gesamten Site durch Caching verbessert.

WordPress bietet mehrere Plugins, die Browser-Caching nutzen, darunter .htaccess und W3 Total Cache. Wenn Sie es auf die altmodische Weise machen möchten, bearbeiten Sie die Codierung in der .htaccess-Datei auf Ablaufzeiten für Bild- und CSS-Dateien.

Gehen Sie dazu folgendermaßen vor:

1. Melden Sie sich zuerst bei cPanel an.

cpanel login
Der cPanel-Anmeldebildschirm ist oft schwer zu finden. Es sollte so aussehen

2. Suchen und starten Sie als Nächstes den Dateimanager.

file manager
Suchen Sie im cPanel-Dashboard nach der Dateimanager-App

3. Gehen Sie dann zur Option Einstellungen und klicken Sie auf "Versteckte Dateien anzeigen".

file manager
Im Dateimanager angezeigte Einstellungen

4. Suchen Sie nun das Stammverzeichnis und suchen Sie die .htaccess-Datei im Ordner public_html.

file manager
Speicherort der .htaccess-Datei im Dateimanager

5. Klicken Sie zuletzt mit der rechten Maustaste auf die .htaccess-Datei, klicken Sie auf "Bearbeiten" und fügen Sie den folgenden Code hinzu:
## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
## EXPIRES CACHING ##

Klicken Sie dann auf „Speichern“ und voila! Sie sind fertig.

Auswahl eines zuverlässigen Webhosts

Die Wahl des Webhosts und seines Typs kann einen erheblichen Einfluss auf die Geschwindigkeit der Website haben. Es gibt drei Hosting-Optionen:

  1. Geteilt ist die günstigste Option. Wichtig ist, dass Ihre Website zusammen mit anderen auf einen Server gepackt wird. Vielleicht viele andere. Einige Hosts sind dafür bekannt, dass sie für die Anzahl der bedienten Clients keine ausreichenden Rechenressourcen wie Festplattenspeicher, CPU und RAM bereitstellen. Für einen Anfänger oder eine Site mit wenig Verkehr ist dies jedoch keine schlechte Option.
  2. Ein virtueller privater Server oder VPS ist ein Fortschritt gegenüber Shared Hosting in Bezug auf Preis und Service. Obwohl sich Ihre Site physisch auf einem Server mit anderen Sites befindet, haben Sie Ihre eigene Partition und Kopie des Betriebssystems sowie dedizierte Computerressourcen, die nicht von der Site Ihres Nachbarn abgeschöpft werden können. Für Websites mit höherem Traffic und E-Commerce, bei denen Ausfallzeiten Geldverluste bedeuten, ist dies eine bessere Hosting-Wahl.
  3. Es gibt kein hartes und schnelles Verkehrsaufkommen, bei dem Sie einen dedizierten Server benötigen , aber wenn Sie regelmäßig sechs Zahlen pro Monat sehen, ist dies möglicherweise eine Überlegung wert. Mit 80 bis 100 US-Dollar pro Monat ist dies die teuerste Option, aber anstelle des Speicherplatzes auf einem Server haben Sie den gesamten Server für sich allein und haben keine Einschränkungen bei den zugewiesenen Ressourcen.

Ein kürzlich veröffentlichter Bericht von Hosting Canada, einer von der Community unterstützten Forschungsorganisation, stellt fest, dass der Unterschied in der Seitenladegeschwindigkeit selbst zwischen bekannten Webhosts beträchtlich sein kann. Zum Beispiel ergaben jahrzehntelange Tests, dass die durchschnittlichen Ladezeiten je nach Host zwischen 226 ms und 2.850 ms liegen.

Wenn es darum geht, Erstbesucher lange genug zu halten, um das Interesse zu wecken, in der Nähe zu bleiben, können Bruchteile einer Sekunde Verzögerung sie auf den Weg schicken, um nie wieder zurückzukehren. Es wäre nicht die schlechteste Idee der Welt, die Geschwindigkeit Ihrer Website bei Pingdom regelmäßig zu testen. Tragen Sie einfach Ihre URL in das Formular ein und klicken Sie auf "Test starten". Wenn Sie basierend auf diesem Artikel Änderungen vornehmen und keine Verbesserung feststellen, ist es möglicherweise an der Zeit, einen anderen Host auszuprobieren. Einige Hosts bieten Tools zur Analyse und Optimierung der Website-Geschwindigkeit an.

Wenn Ihre Website Videos oder andere große Dateien enthält, ist es sinnvoll, diese extern zu hosten. Die Verwendung Ihrer eigenen Server wird die verfügbare Bandbreite durchbrechen und Ihre Website zum Crawlen bringen.

Das wiederholte Ausschöpfen der zugeteilten Bandbreite kann tatsächlich dazu führen, dass Sie gegen die Nutzungsbedingungen Ihres Hosting-Unternehmens verstoßen, was dazu führen kann, dass Ihre gesamte Website entfernt wird.

Die Verwendung einer externen Hosting-Site für Videoinhalte wie YouTube optimiert das Erlebnis für die Zuschauer und sorgt gleichzeitig dafür, dass Ihre Website bei Ihrem Host-Unternehmen gut ankommt.

Verwenden Sie ein Content Delivery Network

Wenn Sie ein Content Delivery Network (CDN) verwenden, wird Ihre Website in einem Netzwerk von geografisch verteilten Servern „zwischengespeichert“ – anders gesagt „gespeichert“.

cdn
Links: kein CDN (langsamer). Alle Daten werden über einen zentralen Computer geleitet.
Rechts: CDN (schneller). Die Daten werden lokal (zwischengespeichert) auf vielen verschiedenen Computern gespeichert.

Dies ermöglicht die virtuelle Eliminierung von Ladeverzögerungen, die auftreten, wenn Hosting-Server weit von den anfordernden Computern entfernt sind.

Bildabhängige Seiten profitieren am meisten von der Verwendung eines CDN.

Letzter Gedanke

Lassen Sie uns die relevanten Punkte zur Verbesserung der langsamen Website-Geschwindigkeit zusammenfassen:

  1. Reduzieren Sie die Anzahl der HTTP-Anfragen. Jedes Mal, wenn der Browser eine Datei vom Server anfordert, wird eine Anfrage generiert. Versuchen Sie es mit einem minimalistischen Designansatz.
  2. Optimieren oder komprimieren Sie Dateien für Bilder und Codedateien wie CSS und JavaScript.
  3. Reduzieren Sie die Anzahl der Weiterleitungen. Im Laufe der Zeit führen natürliche Website-Änderungen zu Weiterleitungen, was Zeit kostet, während der Browser versucht herauszufinden, wohin der Link führen soll. Halten Sie diese sauber.
  4. Browser-Caching aktivieren. Es speichert statische Dateien im Browserspeicher eines Benutzers, wodurch die Website bei zukünftigen Besuchen schneller geladen wird.
  5. Wählen Sie einen zuverlässigen Webhost und wechseln Sie vom Shared- zum VPS-Hosting, wenn Sie es mit der Leistung ernst meinen.
  6. Abonnieren Sie einen CDN-Dienst. Die Aufbewahrung von Kopien Ihrer Site an verteilten geografischen Standorten ermöglicht eine schnellere Bereitstellung an Endbenutzer.

Es gibt eine Vielzahl von Faktoren, die die Ladezeiten einer Website beeinflussen. Optimierung ist kein statischer Prozess, sondern etwas, das ständig überwacht und angepasst werden muss. Dank der Realität eines immer ausgeklügelteren Internets wird die Geschwindigkeit einer Website im Laufe der Zeit natürlich abnehmen. Du wirst kämpfen müssen, um ausgeglichen zu bleiben.

Aber warum sollten Sie eine exzellente Content-Marketing-Kampagne erstellen, wenn niemand rumhängt, um sie zu sehen? Viel Glück!