17 Effektive Tipps zur Reduzierung der Ladezeit von Blogseiten

Stellen Sie sich vor, Sie besuchen eine Site, bei der das Laden jeder Seite einige Sekunden dauerte.

Frustrierend, nicht wahr?

Die Wahrheit ist, dass viele Blogger die Ladegeschwindigkeit ihrer Website vernachlässigen, wenn sie ausgefallene visuelle Elemente laden - von Bildkarussells bis zu interaktiven Widgets.

So können Sie Ihr Publikum nicht beeindrucken.

Was sie brauchen, ist ein Blog, das schnell geladen wird, die Lesbarkeit maximiert und die gewünschten Informationen liefert .

Lassen Sie uns diskutieren, wie wir ihnen geben können, was sie wollen.

Warum ist die Geschwindigkeit beim Laden von Seiten wichtig?

Neben einer verbesserten Benutzererfahrung bietet eine schnelle Ladegeschwindigkeit auch aus Marketing-Sicht zahlreiche Vorteile.

Behalten Sie mehr Verkehr

Statistiken zeigen, dass rund 40 Prozent der Benutzer eine Website verlassen würden, die nicht innerhalb von drei Sekunden oder weniger geladen werden kann. Diese Zahl springt auf 53 Prozent, wenn es sich um mobile Benutzer handelt.

• sparen

Und Sie fragen sich, warum Ihr Blog eine so miserable Absprungrate aufweist.

Wenn Sie die Ladegeschwindigkeit Ihres Blogs weiterhin ignorieren, reduzieren Sie Ihr Verkehrspotenzial im Grunde genommen um etwa die Hälfte.

Conversions erhöhen

Wussten Sie, dass eine Verzögerung der Ladezeiten um eine Sekunde zu einem Rückgang der Conversions um 7 Prozent führt?

Wenn Sie Conversions im Wert von 100 US-Dollar sichern, bedeutet dies einen Verlust von 7 US-Dollar.

• sparen

Es mag nicht riesig erscheinen, aber denken Sie daran, dass die Websites Ihrer Konkurrenten nur wenige Klicks entfernt sind.

Sobald die Leser zu einem anderen Blog mit besserer Benutzererfahrung wechseln, werden sie möglicherweise nie mehr zurückblicken.

Höhere Suchmaschinen-Rankings

Falls Sie es nicht wussten, sind Suchmaschinen wie Google sehr speziell, wenn es um die Nutzererfahrung geht.

Aus diesem Grund betrachten sie die Ladegeschwindigkeit nicht nur für Desktop-Websites, sondern auch für mobile Websites als wichtigen Ranking-Faktor.

• sparen

Wenn Sie mit dem Begriff SEO oder Suchmaschinenoptimierung nicht vertraut sind, empfehlen wir Ihnen, mit diesem Beitrag zu lernen.

Gestatten Sie mir zunächst, Ihnen den nächsten Schritt zur Erzielung einer erstklassigen Blog-Leistung zu zeigen: Messen der tatsächlichen Ladegeschwindigkeit Ihres Blogs.

So testen Sie die Ladegeschwindigkeit der Website

Sie denken vielleicht, dass Ihre Website bereits schnell genug läuft, aber nur ein Tool wie PageSpeed ​​Insights von Google kann dies beweisen.

Einfach ausgedrückt handelt es sich um ein Tool zur Leistungsoptimierung, das die Geschwindigkeit Ihrer Website analysiert, Probleme erkennt, die sich auf die Geschwindigkeit auswirken, und eine Liste mit Vorschlägen sowie hilfreiche Ressourcen bereitstellt.

Um PageSpeed ​​Insights zu verwenden, geben Sie die URL Ihres Blogs ein und klicken Sie auf "Analysieren".

• sparen

Geben Sie PageSpeed ​​Insights nur ein paar Sekunden, um seine Magie zu entfalten.

Wenn Sie fertig sind, finden Sie als Erstes eine eingehende Bewertung der Leistung Ihrer Website, einschließlich Ihres Geschwindigkeitsfaktors, der Faktoren, die die Ladegeschwindigkeit beeinflussen, und der geschätzten Latenz oder der Verzögerung, bevor Benutzereingaben registriert werden können.

• sparen

Sie können PageSpeed ​​Insights auch für die mobile Leistung verwenden, indem Sie zur Registerkarte "Mobil" wechseln. Das Tool sollte Ihnen sofort einen anderen Bericht präsentieren, der die Leistung Ihres Blogs auf Smartphones und Tablets widerspiegelt.

• sparen

Hast du deine Geschwindigkeitswerte schon gefunden?

Von nun an rate ich Ihnen, sie als primäres Mittel zur Messung der Leistung Ihrer Website zu verwenden.

Ihr Ziel ist einfach: Sie müssen so viele Optimierungen wie nötig durchführen, um das „schnelle“ Ende der Geschwindigkeitsskala zu erreichen.

Lassen Sie mich Ihnen zeigen, wovon ich spreche.

• sparen

Sie können irgendwo lesen, dass ein Geschwindigkeitswert von mindestens 85 gut genug ist, was tatsächlich ziemlich richtig ist, da selbst große Websites wie Facebook Werte von weniger als 90 haben.

• sparen

Aber als aufstrebende Marke, die versucht, Ihre Nische einzudellen, ist es nie eine Option, sich mit „ gut genug “ zufrieden zu geben.

Sie sollten immer Chancen nutzen, die Ihnen helfen, sich von der Konkurrenz abzuheben.

Eine dieser Möglichkeiten besteht darin, die Benutzererfahrung auf Ihrer Website zu verbessern, indem Sie die Ladegeschwindigkeit erhöhen.

Bereit für den nächsten Schritt? Dann kommen wir dazu.

So reduzieren Sie die Ladezeit von Blogs

Nachdem wir uns mit dem „ Warum “ der Optimierung der Seitenladegeschwindigkeit befasst haben, ist es an der Zeit, über das „ Wie “ zu sprechen . ”

Wenn Sie sich mit Webentwicklung auskennen, sollten Sie die in PageSpeed ​​Insights aufgeführten Empfehlungen ausführen, um Ihre Kampagne zur Leistungsoptimierung voranzutreiben. Sie sollten sie direkt unter dem Abschnitt „ Labordaten “ finden.

• sparen

Die Vorschläge, die Sie auf PageSpeed ​​Insights erhalten, hängen natürlich vom Gesamtstatus Ihrer Website ab. Die meisten gängigen Optimierungsempfehlungen werden jedoch in die Liste der Strategien aufgenommen, die ich unten zusammengestellt habe.

Hier sind ohne weiteres die bewährten Schritte zu einem viel schnelleren und profitableren Blog:

1. Entfernen Sie unerwünschte Plugins

Blog-Publishing-Plattformen und Content-Management-Systeme wie WordPress unterstützen in der Regel eine Vielzahl gebrauchsfertiger Plugins, mit denen sich alle möglichen Funktionen problemlos implementieren lassen.

Sie können ein Online-Buchungs-Widget verwenden, benutzerdefinierte Anmeldeformulare erstellen und beeindruckende Zielseiten erstellen - ohne die ganze Zeit über eine einzige Codezeile schreiben zu müssen. Verwenden Sie einfach die integrierte Suchleiste, um schnell ein Plugin zu finden, das Ihren Anforderungen entspricht.

• sparen

Sprechen Sie über Bequemlichkeit.

Die Verwendung von Plugins kann jedoch ein zweischneidiges Schwert sein.

Sie können Ihre Website nicht einfach mit so vielen Plugins laden, wie Sie möchten.

Zu viele Plugins auf einer Seite können Serverressourcen verschlingen und Ihre Site bis zum Crawlen verlangsamen.

Wenn Sie Ihrer Plugin-Bibliothek nie viel Aufmerksamkeit geschenkt haben, haben Sie wahrscheinlich redundante Plugins mit ähnlichen Kernfunktionen installiert.

Sie würden denken, dass WordPress Sie warnen wird, wenn Sie mehrere Plugins desselben Typs installieren möchten.

Das ist leider nicht der Fall.

Schauen Sie sich einfach die vielen Form Builder an, die ich in mein WordPress-Dashboard packen kann:

• sparen

Die gute Nachricht ist, dass Konflikte zwischen ähnlichen Plugins leicht behoben werden können, indem diejenigen deaktiviert werden, die Sie nicht mehr benötigen.

Erweitern Sie dazu das Menü "Plugins" in Ihrem Dashboard und gehen Sie zu "Installierte Plugins". Wählen Sie dort alle Plugins aus, die Sie nicht benötigen, und wenden Sie die Befehle "Deaktivieren" oder "Löschen" aus dem Dropdown-Menü "Massenaktionen" an.

• sparen

Abgesehen von Konflikten zwischen ähnlichen Plugins können bestimmte Plugins - insbesondere solche, die mit Ihrer aktuellen Version von WordPress nicht getestet wurden - dazu führen, dass Ihr Dashboard durcheinander gerät.

Sie können dies vermeiden, indem Sie jeweils ein Plugin installieren und dabei "nicht getestete " Plugins vermeiden.

• sparen

Wenn Sie längere Ladezeiten, Abstürze oder andere Probleme in Ihrem WordPress-Dashboard haben, deaktivieren Sie das zuletzt installierte Plugin. Wenn das Problem weiterhin besteht, wird es wahrscheinlich durch ein anderes Plugin verursacht.

Dann können Sie alle Plugins deaktivieren und einzeln einschalten, bis Sie den Schuldigen gefunden haben. Wenn Sie dies getan haben, sollten Sie nach einem alternativen Plugin suchen oder es auf die neueste Version aktualisieren.

2. Suchen Sie nach Plugins, die mehr können

Während wir uns mit Plugins beschäftigen, lassen Sie uns kurz über Ihre Plugin-Auswahl sprechen.

In WordPress ist es umso besser, je weniger Plugins vorhanden sind.

Suchen Sie so weit wie möglich nach Plugins, die viele Hüte tragen können, anstatt für jede Funktion, die Sie implementieren möchten, ein neues zu installieren.

Anstatt beispielsweise separate Plugins für Kontaktformulare, Sternebewertungen, Bewertungen und das Design von Zielseiten zu verwenden, verwenden Sie einfach ein Plugin wie Elementor Page Builder, das alle diese Funktionen in einem vereint.

• sparen

Nachdem Sie die überschüssigen Plugins von Ihrem CMS entfernt haben, schauen wir uns einen weiteren Faktor an, der dazu führen kann, dass Ihre Website langsam läuft.

3. Aktualisieren Sie Ihren Hosting-Plan

Für neue Blogger ist ein Ein-Dollar-Hosting-Plan für Ihre Website wirklich schwer zu widerstehen.

Sobald Sie jedoch Hunderte, wenn nicht Tausende von Besuchern pro Monat generieren, werden Sie verstehen, warum Hosting-Unternehmen Pläne zu diesem Preis anbieten.

Häufige Verlangsamungen, Ausfallzeiten, schlechte Kundenbetreuung - dies sind einige der Nachteile bei der Auswahl einer billigen Webhosting-Lösung. Dies liegt hauptsächlich daran, dass Ein-Dollar-Hosting-Services in der Regel unterversorgte Basisserverhardware verwenden.

"Wenn Sie es ernst meinen mit dem Bloggen, verdient Ihre Website etwas Besseres als den billigsten Hosting-Plan." - Ankit Singla

Recherchieren Sie und suchen Sie nach Webhosting-Unternehmen, die von zahlreichen positiven Bewertungen unterstützt werden, wie z.

• BlueHost
• HostGator
• SiteGround
• WPXHosting

Im Zweifelsfall können Sie ein Tool wie Pickuphost verwenden, um die Geschwindigkeit jedes Hosts zu testen, den Sie in Betracht ziehen. Sie müssen lediglich Ihren Hosting-Anbieter aus dem Dropdown-Menü auswählen, den Serverstandort auswählen und auf "Test starten" klicken .

Idealerweise sollten Sie den Serverstandort in der Nähe Ihrer Zielgruppe auswählen.

• sparen

Möglicherweise stellen Sie auch fest, dass die meisten Hosting-Unternehmen mehrere Pläne anbieten, einschließlich Shared, Virtual Private Server oder VPS, und dediziert.

Für die meisten Blogs sollte ein VPS-Hosting-Plan mehr als ausreichend sein, um die Bandbreitenanforderungen Ihrer Website zu erfüllen. Ein Shared-Hosting-Plan kann andererseits auch sinnvoll sein, wenn Sie noch keine großen Datenmengen erhalten.

Ich empfehle, zuerst mit einem Shared Hosting zu beginnen und ein Upgrade auf einen VPS-basierten Plan durchzuführen, sobald der Traffic Ihres Blogs steigt.

Vielleicht ist der einzige Grund, sich für dediziertes Hosting zu entscheiden, wenn Ihre Website auch einen Online-Shop mit Hunderten von Produkten bietet. In diesem Fall verfügt möglicherweise selbst ein VPS-Host nicht über die erforderliche Bandbreitenkapazität, um Ihren digitalen Shop am Laufen zu halten.

4. Wählen Sie ein besseres Thema

Apropos Bandbreite: Sie können die Bandbreitenanforderungen Ihrer Website reduzieren, indem Sie ein einfacheres, minimalistisches Thema auswählen.

WordPress-Benutzer sollten sofort das bekommen, wovon ich spreche.

Immerhin hat die WordPress-Themenbibliothek bereits mehrere kostenlose minimalistische Themen. Selbst Theme-Designer von Drittanbietern bieten unzählige leichtgewichtige Themes, mit denen Sie die Leistung Ihrer Website verbessern können.

• sparen

Der Schlüssel hier ist, nach Themen zu suchen, die nicht mit unnötigen visuellen Details übersät sind, wie Bildschieberegler, Animationen und CSS-Effekte.

Sie können diese Elemente selbst überprüfen, indem Sie eine Vorschau der Themen anzeigen. Dies ist eine wichtige Funktion auf den meisten Themenmarktplätzen, einschließlich des WordPress-Themenverzeichnisses.

• sparen

Genesis-Kinderthemen von Studiopress gehören zu meinen Lieblingsthemen für WordPress. Sie bieten Dutzende minimalistischer, mobilfreundlicher Themen, die auch mit dem Gutenberg-Editor kompatibel sind, dem Standard-Inhaltseditor für WordPress Version 5.0 und höher.

Noch wichtiger ist, dass diese Themen Ihnen helfen, schnellere Ladegeschwindigkeiten für Ihre Site zu erreichen.

Um mehr über Genesis-Themen und ihre Vorteile zu erfahren, sollten Sie sich diese Rezension unbedingt ansehen.

5. Optimieren Sie Ihre Bilder

Nicht alle visuellen Elemente, die sich auf die Leistung Ihrer Website auswirken, sind in Ihr Thema integriert.

Jedes Bild, das Sie auf Ihre Website hochladen, sei es das Logo Ihrer Website, ausgewählte Bilder, Schaltflächen oder Infografiken, erhöht die Bandbreitenanforderungen Ihres Blogs und beeinträchtigt daher die Leistung.

Da visuelle Inhalte in jedem Blog ein Muss sind, können Sie auch nicht aufhören, Ihre Beiträge mit Bildern aufzupeppen. Stattdessen können Sie ein Bildkomprimierungswerkzeug wie Kraken.io verwenden, um die Größe Ihrer Bilder zu reduzieren, ohne dass sich die Qualität merklich ändert.

• sparen

Kraken.io wird mit einem kostenlosen, Cloud-basierten verlustfreien Komprimierungstool geliefert, mit dem Bilder in großen Mengen optimiert werden können. Ziehen Sie Ihre Bilder einfach per Drag & Drop in das Tool oder laden Sie einen komprimierten Ordner hoch, um den Komprimierungsprozess zu starten.

Vergessen Sie nicht, den Komprimierungsmodus auf " Verlustfrei " einzustellen, damit die endgültigen Bilder nicht verschwommen aussehen.

• sparen

Für selbst gehostete Blogger können Sie die WordPress-Geschwindigkeit mit einem Plugin wie WP Smush erhöhen, um alle Bilder in Ihrer Medienbibliothek auf einmal zu komprimieren. Klicken Sie einfach in Ihrem Dashboard auf "Smush" und dann auf "Bulk Smush Now", um loszulegen.

• sparen

WP Smush bietet Ihnen auch die Möglichkeit, Bilder automatisch zu komprimieren, sobald sie hochgeladen werden. Um diese Funktion zu aktivieren, aktivieren Sie "Automatic Smush " im Abschnitt "Einstellungen" der Plugin-Oberfläche.

• sparen

Denken Sie daran, dass die Bildkomprimierung nur eines der Dinge ist, die Sie tun sollten, wenn Sie ein Fan von visuellen Inhalten sind - genau wie ich. Daher fordere ich Sie dringend auf, meinen detaillierten Leitfaden zur Bildoptimierung und SEO zu lesen.

• sparen

6. Deaktivieren Sie Hot Linking

Selbst bei verlustfreier Komprimierung können Ihre Bilder Ihre Serverressourcen belasten und Ihre Site aufgrund von Hotlinks verlangsamen .

Dies ist eine gängige Praxis, bei der eine andere Site direkt auf Ihr Bild oder Ihre Datei verweist, sodass diese Ressourcen auf ihrer eigenen Seite angezeigt werden können.

Sicher, Ihre Inhalte auf anderen Websites zu teilen, ist großartig, wenn es richtig gemacht wird. Beim Hotlinking nutzen diese Websites jedoch letztendlich die Bandbreite, für die Sie bezahlt haben, indem Sie Inhalte von Ihrer Website abgerufen haben.

Aus diesem Grund wird Hotlinking auch als Bandbreitendiebstahl bezeichnet .

Sie können das Hotlinking ein für alle Mal beenden, indem Sie der folgenden .htaccess-Datei den folgenden Code hinzufügen:

gzip on;

gzip_disable "msie6";

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_types-Anwendung / Javascript-Anwendung / rss + xml-Anwendung / vnd.ms-fontobject-Anwendung / x-font-Anwendung / x-font-opentype-Anwendung / x-font-otf-Anwendung / x-font-truetype-Anwendung / x-font-ttf-Anwendung / x-Javascript-Anwendung / xhtml + xml-Anwendung / xml-Schriftart / opentype-Schriftart / otf-Schriftart / ttf-Bild / svg + xml-Bild / x-Symboltext / CSS-Text / Javascript-Text / Klartext / xml;

Für diejenigen, die nicht wissen, wo sich die .htaccess-Datei ihrer Website befindet, finden Sie sie im Control Panel Ihres Hosting-Kontos.

Suchen Sie nach dem „ Dateimanager “ Ihres Hosting-Dienstes und navigieren Sie zum Stammordner Ihrer Website. Ihre .htaccess-Datei sollte genau dort sein und ein Symbol enthalten, das einem Notizblock ähnelt:

• sparen

7. Investieren Sie in ein CDN

Fertig mit Bildkomprimierung und Hotlinking-Verhinderung?

Gut.

Was wäre, wenn ich Ihnen sagen würde, dass es eine Möglichkeit gibt, Ihre Bilder noch schneller zu laden?

Mit einem Content Delivery Network oder CDN können Sie ein gesamtes Netzwerk von Proxyservern nutzen, um die Übertragungsgeschwindigkeit der Daten Ihrer Website an Benutzer zu beschleunigen.

Das Beste daran ist, dass CDN-Dienstanbieter dafür sorgen, dass ihre Server auf wichtige Standorte auf der ganzen Welt verteilt sind. Dies reduziert das Problem der Latenz, das Besucher aus entfernten Gebieten normalerweise haben, erheblich.

• sparen

Genau wie bei Webhosts müssen Sie bei der Auswahl eines CDN für Ihr Blog vorsichtig sein.

Keine Sorge - ich habe eine Liste der besten CDN Services für WordPress-Blogs erstellt, die Sie verwenden können.

Ich kann persönlich für MaxCDN bürgen, das in Bezug auf Kosten und Funktionen bei weitem zu den besten CDNs gehört.

8. Minimieren Sie Ihre Codes

Ihre Bilder sind nicht die einzigen Dinge, die die Bandbreitenanforderungen Ihrer Website erhöhen können.

Codes wie HTML, CSS und JavaScript können ebenfalls zur Größe Ihrer Webseiten beitragen.

Die Reparatur? Minimieren Sie sie, indem Sie unnötige Zeichen im Code entfernen, z. B. Leerzeichen, zusätzliche Zeilen und Kommentare.

Diese Zeichen wirken sich in keiner Weise auf die Funktion des Codes aus, erhöhen jedoch dessen Dateigröße. Das Herunterladen und Ausführen des Codes beim Laden Ihrer Seite dauert wiederum länger.

• sparen

Warten Sie eine Minute - bedeutet das, dass Sie jeden Code auf Ihrer Site durchgehen müssen, um unnötige Zeichen einzeln zu entfernen?

Beruhigen.

Genau wie bei der Bildkomprimierung gibt es Tools, mit denen Sie diesen Prozess automatisieren können.

Code minimieren ist beispielsweise ein kostenloses Tool, mit dem Sie Ihre Codes innerhalb von Sekunden zuschneiden können. Es funktioniert für alle JavaScript-, CSS- und HTML-Dateien, die Sie möglicherweise auf Ihrer Website haben.

• sparen

Wenn Sie WordPress verwenden, können Sie alternativ ein Plugin wie W3 Total Cache verwenden, mit dem Sie Ihre Code-Assets auf einen Schlag minimieren können.

Klicken Sie nach der Installation im Haupt-Dashboard auf "Leistung" und dann auf "Minimieren" , um Ihre Optionen anzuzeigen.

• sparen

Ich empfehle, die folgenden Einstellungen zu aktivieren, um den Code Ihrer Website für eine verbesserte Leistung zu optimieren:

• HTML-Minimierungseinstellungen
• JS Einstellungen minimieren
• CSS-Minimierungseinstellungen

• sparen

In diesem W3 Total Cache Tutorial finden Sie alle optimalen Einstellungen.

9. Vermeiden Sie Render-Blocking-Ressourcen

Da wir uns mit dem Thema Codes befassen, wollen wir uns mit fortgeschritteneren Themen befassen.

Wenn Sie PageSpeed ​​Insights ausgeführt haben und aufgefordert wurden, "Renderblockierungsressourcen zu entfernen", müssen Sie sich möglicherweise mit etwas Codierung die Hände schmutzig machen, um die Leistung Ihres Blogs zu maximieren.

• sparen

Kurz gesagt, Render-Blocking-Ressourcen sind Codes, die das Laden des HTML-Kerninhalts einer Website behindern. Das bedeutet, dass Ihr Logo, Ihre Menüs, Beiträge und andere wichtige Elemente Ihrer Seite erst geladen werden, wenn die problematischen Ressourcen geladen sind.

Renderblockierende Ressourcen können Stylesheets, HTML-Importe und verschiedene Skripte sein. PageSpeed ​​Insights sollte Ihnen eine vollständige Liste dieser Codes zur Verfügung stellen:

• sparen

Der einfachste Schritt, um mit Renderblockierungsressourcen umzugehen, besteht darin, JavaScript an den unteren Rand des HTML-Codes Ihrer Website zu verschieben - kurz vor dem schließenden Tag "</ body>".

Sie können das Attribut "defer" auch verwenden, um das Skript erst zu laden , nachdem der HTML-Code vollständig geladen wurde. Dies kann durch Einfügen von defer = "defer" in das Tag "<script>" erfolgen.

• sparen

In diesem Beitrag finden Sie weitere Informationen zu Render-blockierenden Ressourcen und Möglichkeiten zur Optimierung.

Natürlich können Sie jederzeit Hilfe von einem Webentwickler erhalten, wenn Sie mit der Arbeit mit Codes nicht zufrieden sind. Alternativ können Sie ein Plugin wie Autoptimize verwenden, um Skripte automatisch in die Fußzeile Ihrer Website zu verschieben - ein weiteres Plugin zur Geschwindigkeitsoptimierung in WordPress, das Ihre Arbeit hundertmal einfacher macht.

• sparen

10. Reduzieren Sie die Anzahl der Beiträge auf Ihrer Homepage

Lassen Sie uns als nächstes über die Anzahl der Beiträge sprechen, die auf Ihrer Homepage angezeigt werden.

CMS wie WordPress und Blog-Publishing-Plattformen haben oft eine Vielzahl von Themen, die Blog-Beiträge von Anfang an präsentieren.

Wenn Sie für jeden Beitrag qualitativ hochwertige Bilder verwenden, benötigen Benutzer zwangsläufig mehr Zeit, um Ihre Homepage zu laden.

Ich persönlich zeige nur vier Beiträge auf meiner Homepage an:

• sparen

Zugegeben, Browser rufen möglicherweise die Titel Ihrer Blog-Posts auf - manchmal einschließlich einer Beschreibung oder der ersten Zeilen Ihres Inhalts -, während Bilder geladen werden. Dies verringert jedoch immer noch die allgemeine Fluidität der Benutzererfahrung auf Ihrer Website.

Auf den meisten Website-Plattformen und im CMS können Sie die Anzahl der auf Ihrer Homepage angezeigten Beiträge reduzieren.

Da die Einstellungen, die Sie dafür anpassen müssen, von Plattform zu Plattform unterschiedlich sind, werfen wir einen Blick darauf, wie es in WordPress gemacht wird.

Klicken Sie im Haupt-Dashboard auf "Einstellungen" und gehen Sie zum Abschnitt "Lesen" .

• sparen

Sie sollten sofort die Einstellung " Blog-Seiten werden höchstens angezeigt" sehen. Sie können den Standardwert jederzeit auf eine kleinere Zahl einstellen und prüfen, ob dies die Ladegeschwindigkeit Ihrer Website verbessert.

• sparen

11. Überfluten Sie die Leser nicht mit Anzeigen

Post-Previews auf Ihrer Homepage können sich zwar negativ auf Ihre Ladegeschwindigkeit auswirken, sie wirken sich jedoch zumindest positiv auf die Erfahrung Ihrer Leser aus.

Anzeigen tun dies jedoch häufig nicht.

Es stimmt zwar, dass Anzeigen bei der Monetarisierung eines Blogs definitiv nützlich sind, aber Ihre Leser werden es wahrscheinlich nicht zu schätzen wissen, wenn Sie ihre Erfahrung mit mehreren Anzeigen auf einer einzigen Seite stören. Noch wichtiger ist, dass das Einrichten von Anzeigen in jeder Ecke Ihrer Website zu einem Leistungsabfall führt.

• sparen

Das heißt, es ist am besten, wenn Sie Ihr Publikum auf die wichtigen Elemente Ihres Blogs konzentrieren lassen und die Anzeigen auf ein Minimum beschränken.

Zum einen bin ich nicht bereit, die Erfahrung meiner Leser zu beeinträchtigen, um zusätzliches Einkommen zu erzielen - wie Sie auf meiner Website mit absolut null Anzeigen sehen können.

• sparen

Wenn ich Sie wäre, würde ich nur Affiliate-Links als meine primäre Monetarisierungsstrategie priorisieren. Hierbei handelt es sich um Kontextlinks, die auf Produkte oder Dienstleistungen verweisen, die für Benutzer hilfreich sein können.

Wie verdienen Sie Geld mit Affiliate-Marketing?

Gute Frage.

Sie können sich bei Interesse an meinen Affiliate-Marketing-Leitfaden wenden.

12. Bereinigen Sie Ihren Server

Zu diesem Zeitpunkt sollten Sie bereits die Korrelation zwischen der Ladegeschwindigkeit und der Unordnung auf Ihrer Website verstanden haben.

Es ist ganz einfach: Wenn Sie Ihr Blog minimalistisch und leicht halten, brauchen Browser nicht viel Zeit, um alles zu laden und den Benutzern zu präsentieren.

Seien Sie immer vorsichtig, wenn Sie Ihrer Website weitere Elemente hinzufügen, sei es visueller Inhalt, Skripte oder Anzeigen. Stellen Sie gleichzeitig sicher, dass Ihr Hosting-Konto noch über ausreichend Speicherplatz verfügt , damit Ihre Website reibungslos funktioniert.

Ihr Hosting-Konto sollte über ein integriertes Tool verfügen, mit dem Sie die gesamte Festplattennutzung verfolgen können. Um Ihnen eine Vorstellung zu geben, finden Sie hier einen Screenshot des SiteGround-Tools zur Speicherplatznutzung :

• sparen

Wenn Ihr Hosting-Konto nur noch wenig Speicherplatz hat, können Sie Folgendes tun:

• Verschieben Sie Backups auf ein lokales Laufwerk
  Ältere Websites haben in der Regel Gigabyte an Backups auf ihrem Hosting-Server gespeichert. Das Herunterladen auf ein lokales Laufwerk und das Löschen von Ihrem Server ist eine hervorragende Möglichkeit, Speicherplatz freizugeben.
• Inaktive Konten löschen
  Wenn Ihr Hosting-Plan inaktive Konten enthält, entfernen Sie diese endgültig, um viel Speicherplatz zu sparen. Da dies ein irreversibler Prozess ist, sollten Sie vor dem Löschen zunächst eine lokale Sicherung des Kontos erstellen.
• .TMP-Dateien löschen
  Ihre Website-Plattform oder Ihr CMS kann temporäre Dateien aus Aufgaben wie Plugin-Updates und Sitzungsdatenverfolgung generieren. Es sollte sicher sein, sie zu löschen, aber es schadet auch nicht, aus Sicherheitsgründen eine Offline-Sicherung Ihres "tmp" -Ordners zu erstellen.

Wenden Sie sich im Zweifelsfall an den Kundendienst Ihres Hosting-Dienstanbieters, um zu erfahren, wie Sie Speicherplatz sparen können.

13. Aktivieren Sie das Website-Caching

Komprimieren von Bildern, Minimieren von Code, Minimieren von Anzeigen, Löschen Ihres Hosting-Kontos - die Ladegeschwindigkeit Ihrer Website sollte mit diesen Strategien so schnell wie nie zuvor sein.

Aber entspann dich noch nicht. Wir haben noch einige weitere Strategien zu besprechen, die die Ladegeschwindigkeit Ihrer Website noch weiter steigern.

Mit dem Zwischenspeichern von Websites kann Ihr Blog für wiederkehrende Besucher fast sofort geladen werden.

Das Zwischenspeichern von Websites ermöglicht die temporäre Speicherung von Daten, einschließlich Skripten, Bildern, Mediendateien und anderen Formen von herunterladbaren Inhalten. Dadurch wird die Anzahl der HTTP-Anforderungen reduziert, die ein Browser stellen muss.

Um das Website-Caching zu implementieren, müssen Sie den folgenden Code ganz oben in die .htaccess-Datei Ihrer Website einfügen:

## LÄUFT CACHING AB ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image / jpg "Zugriff 1 Jahr"

ExpiresByType image / jpeg "Zugriff 1 Jahr"

ExpiresByType image / gif "Zugriff 1 Jahr"

ExpiresByType image / png "Zugriff 1 Jahr"

ExpiresByType text / css "Zugriff 1 Monat"

ExpiresByType text / html "Zugriff 1 Monat"

ExpiresByType-Anwendung / pdf "Zugriff 1 Monat"

ExpiresByType text / x-javascript "Zugriff 1 Monat"

ExpiresByType-Anwendung / x-Shockwave-Flash "Zugriff 1 Monat"

ExpiresByType image / x-icon "Zugriff 1 Jahr"

ExpiresDefault "Zugriff 1 Monat"

</ IfModule>

## LÄUFT CACHING AB ##

Wenn Sie möchten, können Sie verschiedene Zeitlimits festlegen, bevor bestimmte Caches ablaufen. Wenn Sie beispielsweise die Ablaufzeit von PNG-Bildcaches auf 1 Monat reduzieren möchten, ändern Sie einfach die Zeile "ExpiresByType image / png" in:

ExpiresByType image / png "Zugriff 1 Monat "

Auch hier können WordPress-Benutzer Tools verwenden, um diese Optimierungsstrategie zum Kinderspiel zu machen. Tatsächlich haben wir bereits genau das Plugin durchgesehen, das Sie benötigen - W3 Total Cache.

Wenn Sie in Ihrem WordPress-Dashboard zum Untermenü "Leistung" zurückkehren , gehen Sie über " Seiten- Cache" und aktivieren Sie das Kontrollkästchen "Seite " Cache-Beiträge " .

• sparen

14. Verwenden Sie die GZIP-Komprimierung

Bevor Sie den W3 Total Cache schließen und mit den letzten verbleibenden Strategien in diesem Handbuch fortfahren, sollten Sie noch etwas tun.

Gehen Sie im Untermenü "Leistung" zu "Browser-Cache" und aktivieren Sie die Option "HTTP-Komprimierung (gzip) aktivieren" .

• sparen

Die GZIP-Komprimierung verbessert die Download-Geschwindigkeit von textbasierten Dateien, indem sie verkleinert wird. Dies unterscheidet sich nicht wesentlich vom Komprimieren Ihrer lokalen Dateien in einen komprimierten Ordner. Der Hauptgrund, warum die GZIP-Komprimierung für die Geschwindigkeitsoptimierung von Websites weit verbreitet ist, besteht darin, dass sie ab Version 1.1 von HTTP nativ unterstützt wird.

Wenn Sie WordPress oder eine andere Plattform mit GZIP-bezogenen Add-Ons nicht verwenden, müssen Sie diese auf herkömmliche Weise aktivieren: Ändern der .htaccess-Datei Ihrer Website .

Da Sie bereits wissen, wo sich Ihre .htaccess-Datei befindet, bleibt nur der Code übrig, der die GZIP-Komprimierung auf Ihrer Website aktiviert.

Los - kopieren und einfügen.

Apache Server

<IfModule mod_deflate.c>

# Komprimieren Sie HTML, CSS, JavaScript, Text, XML und Schriftarten

AddOutputFilterByType DEFLATE-Anwendung / Javascript

AddOutputFilterByType DEFLATE application / rss + xml

AddOutputFilterByType DEFLATE application / vnd.ms-fontobject

AddOutputFilterByType DEFLATE application / x-font

AddOutputFilterByType DEFLATE application / x-font-opentype

AddOutputFilterByType DEFLATE-Anwendung / x-font-otf

AddOutputFilterByType DEFLATE application / x-font-truetype

AddOutputFilterByType DEFLATE-Anwendung / x-font-ttf

AddOutputFilterByType DEFLATE application / x-javascript

AddOutputFilterByType DEFLATE application / xhtml + xml

AddOutputFilterByType DEFLATE application / xml

AddOutputFilterByType DEFLATE font / opentype

AddOutputFilterByType DEFLATE font / otf

AddOutputFilterByType DEFLATE font / ttf

AddOutputFilterByType DEFLATE image / svg + xml

AddOutputFilterByType DEFLATE image / x-icon

AddOutputFilterByType DEFLATE text / css

AddOutputFilterByType DEFLATE text / html

AddOutputFilterByType DEFLATE Text / Javascript

AddOutputFilterByType DEFLATE text / plain

AddOutputFilterByType DEFLATE text / xml

# Entfernen Sie Browser-Fehler (nur für wirklich alte Browser erforderlich)

BrowserMatch ^ Mozilla / 4 gzip-only-text / html

BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip

BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html

Header anhängen Variiert User-Agent

</ IfModule>

NGINX-Server

gzip on;

gzip_disable "msie6";

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_types-Anwendung / Javascript-Anwendung / rss + xml-Anwendung / vnd.ms-fontobject-Anwendung / x-font-Anwendung / x-font-opentype-Anwendung / x-font-otf-Anwendung / x-font-truetype-Anwendung / x-font-ttf-Anwendung / x-Javascript-Anwendung / xhtml + xml-Anwendung / xml-Schriftart / opentype-Schriftart / otf-Schriftart / ttf-Bild / svg + xml-Bild / x-Symboltext / CSS-Text / Javascript-Text / Klartext / xml;

Beachten Sie, dass Sie für NGINX-Benutzer den Code in Ihre .conf-Datei einfügen müssen, um GZIP zu implementieren.

Testen der GZIP-Komprimierung

Wenn Sie die GZIP-Komprimierung manuell aktiviert haben, verwenden Sie ein Tool wie den GZIP-Komprimierungstest von GiftOfSpeed, um die erfolgreiche Implementierung zu überprüfen.

Ähnlich wie bei PageSpeed ​​Insights besteht der einzige Schritt bei der Verwendung des GZIP-Komprimierungstests darin, die URL Ihrer Website einzugeben und auf die Schaltfläche "Überprüfen" zu klicken.

• sparen

Innerhalb von Sekunden sollte das Tool überprüfen, ob die GZIP-Komprimierung auf Ihrer Website aktiviert ist. Außerdem werden der Komprimierungsprozentsatz sowie die Größen vor und nach der Komprimierung angezeigt.

• sparen

15. Optimieren Sie Ihre Website-Datenbank

Das Korrigieren von Renderblockierungsressourcen und das Aktivieren der GZIP-Komprimierung gehören zu den fortschrittlichsten Strategien in diesem Beitrag, aber wir sind noch nicht fertig.

Der nächste Schritt besteht darin, Ihre MySQL-Datenbanktabellen zu optimieren, damit Ihr Server die Daten, die Ihre Benutzer benötigen, schneller abrufen kann.

Was sind MySQL-Datenbanktabellen?

In einfachen Worten, Ihre MySQL-Datenbank enthält praktisch alles, was auf Ihrer Website zu finden ist, einschließlich Posts, Kommentaren, Daten und anderen Inhalten. Blog-Publishing-Plattformen und CMS wie WordPress erstellen dann automatisch Tabellen in Ihrer Datenbank, wenn Sie Ihrer Site weitere Informationen hinzufügen.

So sieht eine MySQL-Datenbank aus:

• sparen

Ihre Datenbank sammelt jedoch im Laufe der Zeit auch alle Arten von Junk, einschließlich Pingbacks, Spam-Kommentaren und Post-Revisionen. Die Größe nimmt stetig zu und beeinträchtigt die Leistung Ihrer Website.

Um Ihre MySQL-Datenbank übersichtlich zu gestalten, können Sie das integrierte Tool zur Tabellenoptimierung im Control Panel Ihres Hosting-Kontos verwenden.

SiteGround verfügt beispielsweise über den Befehl "Tabellen optimieren" aus dem Dropdown-Menü "Mit Auswahl:" .

• sparen

Diese Optionen finden Sie im Tool "phpMyAdmin", das sich im Abschnitt "Datenbanken" Ihres Control Panels befinden sollte.

• sparen

Als Faustregel erstellen Sie immer Sicherungen Ihrer Datenbanken, bevor Sie Optimierungen durchführen. Laden Sie sie auf ein lokales Laufwerk herunter, um Speicherplatz auf Ihrem Hosting-Konto zu sparen.

Sie haben Angst, etwas auf Ihrem Server durcheinander zu bringen?

Mit einem WordPress-Plugin wie WP-Sweep können Sie Ihre Datenbanktabellen über die CMS-Oberfläche optimieren. Gehen Sie nach der Installation und Aktivierung des Plugins zu "Extras" und klicken Sie auf "Sweep" , um die auf Ihrer Site gefundenen Datenbanktabellen anzuzeigen.

• sparen

Von dort aus können Sie für einzelne Datenbankelemente auf "Sweep" klicken , um sie zu löschen. Sie können auch zum Ende der Plugin-Seite scrollen und auf "Sweep All" klicken .

• sparen

Stellen Sie nur sicher, dass Sie keine Post-Entwürfe haben, da diese durch einen vollständigen Durchlauf Ihrer Datenbanktabellen ebenfalls gelöscht werden. Überprüfen Sie Ihre nicht genehmigten Kommentare, damit Sie nicht versehentlich Fragen, wertvolles Feedback und andere von Ihren Lesern geäußerte Bedenken entfernen.

16. Benutzerkommentare optimieren

In Bezug auf Kommentare verfügen WordPress-Blogs auch über eine praktische Funktion, mit der das Profilfoto des Kommentators sofort über den Gravatar- oder den global anerkannten Avatar- Dienst abgerufen werden kann.

Gravatare verleihen dem Kommentarbereich Ihres Blogs zwar eine nette Note, wirken sich jedoch auf die Ladegeschwindigkeit Ihrer Website aus. Dies zwingt einige WordPress-Blogger dazu, die Anzeige insgesamt zu deaktivieren.

Gehen Sie dazu zu "Einstellungen" und klicken Sie auf "Diskussion". Suchen Sie die ‚Show Avatare‘ optionbelow der „Avatar Display“ Abschnitt und deaktivieren Sie es.

• sparen

Wenn Sie Gravatare behalten möchten, deren Auswirkung auf die Ladegeschwindigkeit jedoch nicht gefällt, können Sie ein Plugin wie BJ Lazy Load verwenden, um Avatare nach kritischen Website-Ressourcen zu laden - ein Vorgang, der als verzögertes Laden bezeichnet wird .

Neben Avataren können Sie auch das verzögerte Laden von Post-Thumbnails, Bildern, Iframes und anderen Arten von Inhalten aktivieren. Sie müssen einfach zu "Einstellungen" gehen , "BJ Lazy Load" auswählen und "Ja" für die Optionen auswählen , die Sie verwenden möchten.

• sparen

In Bezug auf WordPress-Kommentare ist die Verwendung der Paginierung ein weiterer Tipp zur Erhöhung der Seitenladegeschwindigkeit. Dadurch werden die Kommentare zu Ihren Posts in mehrere Seiten aufgeteilt, wodurch die Zeit reduziert wird, die Browser zum Laden und Rendern benötigen.

Um die Paginierung zu verwenden, kehren Sie einfach zur Einstellungsseite "Diskussion" zurück und aktivieren Sie die Option "Kommentare in Seiten mit X Kommentaren der obersten Ebene pro Seite aufteilen".

• sparen

Versuchen Sie, die Anzahl der pro Seite sichtbaren Kommentare von dem Standardwert von 50 auf etwa 10 zu reduzieren. Dies sollte die Ladezeit von Kommentaren und damit auch Ihren Blog-Inhalt erheblich verbessern.

17. Konzentrieren Sie die Optimierung auf Ihre Top-Seiten

Bevor wir diesen Beitrag beenden, hier noch ein letzter Ratschlag:

Optimieren Sie die Leistung Ihrer beliebtesten Seiten .

Es macht für Sie keinen Sinn, Beiträge zu priorisieren, die kaum Verkehr bekommen. Auf der anderen Seite bedeutet das Priorisieren Ihrer Top-Seiten, dass Ihre Bemühungen den meisten Benutzern zugute kommen.

Google Analytics ist ein weiteres kostenloses Tool, mit dem Sie Ihre Top-Seiten identifizieren können. Erweitern Sie einfach das Untermenü "Verhalten" und klicken Sie auf "Übersicht" .

Ihre Top 10 Seiten sollten unter dem Abschnitt "Seite" sichtbar sein.

• sparen

Einfach richtig?

Sie können Google Analytics auch verwenden, um eingehende Keyword-Recherchen durchzuführen - ein Thema, das ich in meinem Beitrag besprochen habe, wie Sie mit Google Analytics Ihre Keywords mit der besten Leistung finden.

Fazit

Als Blogger sollten Sie bereit sein, alles für die Benutzererfahrung zu tun.

Die Ladegeschwindigkeit Ihrer Website scheint ein oberflächlicher Faktor zu sein, kann jedoch den Erfolg Ihres Blogs im Alleingang beeinflussen oder beeinträchtigen - nicht nur aus UX-Sicht, sondern auch in Bezug auf SEO.

Jetzt weiß ich, dass Sie nicht alle oben genannten Strategien an einem einzigen Tag anwenden können. Vergessen Sie jedoch nicht, diese Seite mit einem Lesezeichen zu versehen und sich unserer öffentlichen Facebook-Gruppe anzuschließen, um weitere Killer-Blogging-Anleitungen zu erhalten!

• sparen