16 Möglichkeiten, Ihre WordPress-Website noch heute zu beschleunigen!

Die Beschleunigung Ihrer Website ist der einzige garantierte Weg, um mehr Traffic zu erhalten und mehr Verkäufe zu erzielen.

Im Jahr 2010 bestätigte Google, dass die Website-Geschwindigkeit einer von über 200 Indikatoren ist, die sich auf das Suchranking auswirken. Ihre Daten zeigen, dass Menschen weniger Zeit verbringen, wenn Seiten langsam geladen werden. Die meisten von uns legen jedoch wenig Wert darauf, unsere Websites schneller zu machen.

Vielleicht ist die Feinabstimmung der inneren Geschwindigkeitsauslöser Ihrer WordPress-Website zu entmutigend.

Um Licht in die Halbierung Ihrer Ladezeit zu bringen, haben wir Stavros Papadakis eingeladen, seinen Prozess zur Beschleunigung von Kunden-Websites darzulegen.

Wenn Ihre Ladezeit mehr als 3 Sekunden oder Ihre Seitengröße mehr als 2 MB beträgt, kann dies ein großes Problem sein, das Sie Geld kostet, sowohl in Form von entgangenen Verkäufen als auch von Servergebühren.

Es gibt viele kostenlose Online-Tools wie WebPageTest, GTmetrix, Google PageSpeed ​​Insights und Pingdom, die Ihnen helfen können, Probleme zu identifizieren, die langsame Ladezeiten und eine schlechte Benutzererfahrung für Ihre Website verursachen.

So übernehmen Sie die Kontrolle über die Leistung Ihrer Website.

1. Komprimierung aktivieren

Das Komprimieren Ihrer CSS- und Javascript-Dateien hilft Browsern, sie schneller herunterzuladen.

Die Gzip-Komprimierung kann die Dateigröße problemlos von über 200 KB (nicht komprimiert) auf weniger als 40 KB (komprimiert) reduzieren. Nutzen Sie die Vorteile, solange auf Ihrem Server die Komprimierung aktiviert ist.

Sie können sicher sein, dass Ihre Benutzer eine drastische Beschleunigung Ihrer Website sowohl für Desktops als auch für Mobilgeräte erfahren, indem Sie die Komprimierung auf Ihrem Server aktivieren.

Fügen Sie das folgende Code-Snippet zu Ihrer .htaccess-Datei hinzu, um die Komprimierung für statische Dateien zu aktivieren.

AddOutputFilterByType DEFLATE application/x-httpd-php text/php text/html text/plain text/css text/xml application/x-javascript text/javascript application/javascript text/x-js

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 Vary User-Agent

2. Optimieren Sie Ihre Bilder

Bilder sind der Hauptgrund für die Verlangsamung einer Website. Optimieren Sie immer Ihre Bilder (insbesondere die über 50 KB), bevor Sie sie auf Ihre Website hochladen.

Der optimale Weg, sie zu optimieren, ist die Verwendung von Photoshop oder einer anderen Bildbearbeitungssoftware. Speichern Sie Bilder für das Web mit einer Bildqualität von bis zu 60 %.

Sie sollten auch progressive Bilder für JPG-Dateien verwenden, da progressives Rendern von Bildern eine reibungslosere Benutzererfahrung bietet.

Bitte überprüfen Sie die folgenden zwei Bilder, sie sehen gleich aus, aber das linke ist nicht optimiert und hat 80 KB und das rechte ist optimiert und hat nur 18 KB, also 4-mal kleiner.

Nicht optimiertes Bild

Optimiertes Bild

3. Verschieben Sie Javascript-Dateien in die Fußzeile

Obwohl Javascript-Bibliotheken wie jQuery, Mootools und Prototype großartig sind, weil sie die Funktionalität Ihrer Website erweitern, können sie auch das Rendern Ihrer Seiten blockieren.

Browser beginnen erst mit dem Laden des Inhalts, wenn alle Javascript-Dateien im Header der Seite heruntergeladen wurden.

Eine einfache Möglichkeit, dieses Problem zu lösen, besteht darin, Ihre Javascript-Dateien, die während der anfänglichen Seitenwiedergabe nicht benötigt werden, von der Kopfzeile in die Fußzeile der Seite zu verschieben.

Wenn Sie Wordpress verwenden, können Sie Skriptaufrufe von header.php nach footer.php in Ihrem Design verschieben und true als vierten Parameter verwenden, wenn Sie die Funktion wp_enqueue_script verwenden.

Verschieben Sie JS-Skripte in die Fußzeile der Seite

4. Stellen Sie sicher, dass KeepAlive aktiviert ist

Apache (der am häufigsten verwendete Server für Shared-Hosting-Pläne bei Low-Cost-Hosting-Unternehmen) hat eine großartige „Funktion“ namens KeepAlive, die Verbindungen für mehr als eine HTTP-Anfrage offen hält.

Stellen Sie sicher, dass KeepAlive bei Ihrem Hosting-Unternehmen aktiviert ist.

Wenn Sie Zugriff auf Ihre httpd.conf-Datei haben, aktivieren Sie KeepAlive, indem Sie sicherstellen, dass „KeepAlive On“ darin steht, andernfalls fügen Sie einfach den folgenden Code in Ihre .htaccess-Datei ein.

 <ifModul mod_headers.c>
 Header-Set Connection keep-alive
</ifModul>

Aktivieren Sie KeepAlive für Ihre Website

5. CSS-Dateien zusammenführen – Inline kleine CSS-Dateien

Browser verarbeiten nur so viele HTTP-Anforderungen gleichzeitig. Wenn dieses Limit erreicht ist, warten einige Dateien, während andere heruntergeladen werden.

Indem Sie alle Ihre CSS-Dateien in nur einer CSS-Datei zusammenführen, wird die Seite viel schneller gerendert.

Wenn Sie CSS-Dateien haben, die kleiner als 2 KB sind, dann sollten Sie sie einbetten, anstatt eine zusätzliche HTTP-Anfrage zu stellen.

Wordpress hat ein paar großartige Plugins wie Autoptimize und Better WordPress Minify, die dir helfen können, deine CSS-Stylesheets zusammenzuführen oder sogar zu inlinen.

Führen Sie CSS-Dateien zusammen und binden Sie sie ein

6. Caching aktivieren

Caching verbessert die Ladezeit von Seiten, die sich nicht so oft ändern, drastisch.

Indem Sie das Caching auf Ihrer Website aktivieren, generiert Ihr Code nicht immer wieder dieselbe Seite. Auf diese Weise ist die Benutzererfahrung viel besser und Ihr Server kann mehr Datenverkehr verarbeiten.

W3 Total Cache, WP Super Cache und WP Fastest Cache sind nur eine kleine Auswahl an kostenlosen Wordpress-Plugins, die verschiedene Arten von Caching bieten, z. B. Seiten-Caching, Datenbank-Caching und Objekt-Caching.

Das W3 Total Cache-Plugin bietet Seiten-, DB- und Objekt-Caching

7. Verwenden Sie ein Content Delivery Network

Unabhängig davon, ob Sie ein CMS wie Wordpress, Joomla, Magento, Drupal oder eine maßgeschneiderte PHP- oder HTML-Site verwenden, empfehle ich dringend, ein Content Delivery Network (CDN) zu konfigurieren.

Ein CDN ist ein verteiltes System von Servern, die in mehreren Rechenzentren über das Internet bereitgestellt werden.
Wenn ein Client Ihre Website besucht, werden statische Inhalte wie Bilder und CSS-Dateien von dem Server bereitgestellt, der ihnen geografisch am nächsten ist, sodass sie viel schneller gerendert werden.

Übrigens wird auch die Belastung Ihres Servers dank eines CDN drastisch reduziert.

CloudFlare ist unter anderem ein kostenloser CDN- und DNS-Anbieter. MaxCDN ist auch eine großartige und erschwingliche Option, um die Ladezeit Ihrer Website zu optimieren. Sie sind beide so gut, wie sie bekommen können.

CloudFlare ist ein kostenloses Content Delivery Network

8. Minimieren Sie die Anzahl der HTTP-Anforderungen

Je mehr HTTP-Anfragen Sie haben, desto langsamer wird die Ladezeit Ihrer Website.

Kombinieren Sie Ihre CSS-Dateien, führen Sie Javascript-Dateien zusammen und kombinieren Sie unter anderem Bilder in Data Sprites, um so wenige HTTP-Anforderungen wie möglich zu stellen.

Wenn ich an der Website eines Kunden arbeite, ist eines meiner Hauptziele, die Anzahl der pro Seite geladenen HTTP-Anforderungen zu minimieren.

Führen Sie CSS-Dateien zusammen, verwenden Sie Data Sprites oder Daten-URIs, um die Anzahl der HTTP-Anfragen zu reduzieren

9. Wählen Sie den richtigen Dateityp für Ihre Bilder

Verwenden Sie JPG als Standard. Es ist der kleinste und am schnellsten ladende Dateityp.

Verwenden Sie PNG nur für Bilder mit Text (JPG rastert Text ein, wodurch er verschwommen wird) oder wenn Sie einen transparenten Hintergrund benötigen.

Minimieren oder eliminieren Sie sogar schwere GIF-Dateien, da diese die Ladezeit Ihrer Website drastisch verlangsamen können.

Obwohl die folgenden zwei Bilder gleich aussehen, gibt es einen großen Unterschied zwischen ihnen. Die linke ist als PNG-Datei gespeichert und wiegt 102 KB und die andere ist eine JPG-Datei mit einer Größe von 18 KB, das ist richtig, 6-mal leichter!

Bild als PNG gespeichert

Bild als JPG gespeichert

10. Beheben Sie Ihre 404-Fehler

Ob Sie es glauben oder nicht, jede fehlende Datei generiert einen 404-HTTP-Fehler und wird die Ladezeit Ihrer Website definitiv verlangsamen.

Überprüfen Sie während der Wiedergabe Ihrer Seiten immer auf 404-Fehler, um die schnellste Ladezeit zu erreichen.

Wenn Ihr „Wasserfall“ (die Art und Weise, wie der Browser Ihre Website darstellt) so aussieht (achten Sie auf rote Zeilen), dann ruinieren 404-Fehler die Ladezeit Ihrer Website.

404-Fehler können die Ladezeit Ihrer Website ruinieren

11. Achten Sie auf Ihre Seitengröße

Obwohl es verlockend ist, auf jeder Seite viel Inhalt anzuzeigen, sollten Sie versuchen, die Seitengröße auf ein Minimum zu beschränken.

Dies ist noch wichtiger für Mobiltelefone. Eine 2-MB-Site über das Handy in einer 3G-Verbindung laden zu müssen, ist ein Rezept für eine Katastrophe. Berücksichtigen Sie, dass Benutzer nicht gerne länger als 2-3 Sekunden warten, bis eine Seite gerendert wird.

Erhöht ein neues Bild den Wert der Website? Wenn nicht, sollten Sie es nicht zu Ihrer Website hinzufügen. Einfach so.

Reduzieren Sie die Seitengröße

12. Bilder skalieren

Skalieren Sie Bilder niemals spontan in HTML. Erstellen Sie eine Miniaturansicht des Bildes, das Sie benötigen, mit genau den Abmessungen, die es auf Ihren Seiten verwenden wird.

Wenn Sie beispielsweise ein Bild mit den Maßen 1200 x 675 Pixel haben und eine „skalierte“ Version mit 480 x 270 Pixel verwenden möchten, erstellen Sie eine neue Version des Originalbilds mit geänderter Größe und verwenden Sie stattdessen diese.

Dieses Bild ist mit einer skalierten Miniaturansicht verknüpft, anstatt die Abmessungen des Bilds in HTML zu ändern.

Miniaturansicht (skaliertes Bild) Links zu großformatigem Bild

13. Nutzen Sie das Browser-Caching

Google empfiehlt eine Cache-Mindestzeit von einer Woche und vorzugsweise bis zu einem Jahr für Assets, die sich selten ändern.

Legen Sie eine Caching-Richtlinie für alle Serverantworten auf statische Dateien (Bilder, CSS und Javascript) fest, damit der Browser feststellen kann, ob er eine zuvor geladene Datei wiederverwenden kann oder nicht.

Dies geschieht normalerweise durch Hinzufügen dieses Code-Snippets zur .htaccess-Datei für Shared-Hosting-Pläne

<ifmodule mod_expires.c>
ExpiresActive On
ExpiresByType text/html „Zugriff plus 7200 Sekunden“
ExpiresByType image/gif „Zugriff plus 864000 Sekunden“
ExpiresByType image/jpg „Zugriff plus 864000 Sekunden“
ExpiresByType image/png „Zugriff plus 864000 Sekunden“
ExpiresByType text/css „Zugriff plus 864000 Sekunden“
ExpiresByType Text/Javascript „Zugriff plus 864000 Sekunden“
ExpiresByType Anwendung/Javascript „Zugriff plus 864000 Sekunden“
</ifmodule>

14. Optimieren Sie Ihre Datenbank

Solange Sie eine datenbankgesteuerte Website haben (die WordPress und alle anderen CMS-basierten Websites umfasst), sollten Sie Ihre Datenbank optimieren.

Überwachen Sie Ihren Code auf langsame Abfragen. Wenn Sie sich auf einem VPS oder dedizierten Server befinden, aktivieren Sie das Abfrage-Caching und optimieren Sie Ihre Datenbankserverkonfiguration.

Obwohl die vollständige Datenbankoptimierung ein wirklich kniffliger und zeitaufwändiger Prozess sein kann, bietet Ihnen phpMyAdmin einige grundlegende Optimierungsoptionen, indem es „Ihre Tabellen optimiert“.

Optimieren Sie Ihre Datenbank über phpMyAdmin

15. Wählen Sie Ihr Hosting-Unternehmen mit Bedacht aus

Wählen Sie einen Hosting-Plan, der Ihren Website-Anforderungen entspricht.

Die meisten Hosting-Unternehmen wenden Einschränkungen für ihre Shared-Hosting-Pläne an und hosten Hunderte von Websites pro Server, um die Gebühren auf ein Minimum zu beschränken.

Sie bekommen, wofür Sie bezahlen. Wenn Sie eine E-Commerce-Website, ein umfangreiches CMS, viel Verkehr oder Verkehrsspitzen haben, vermeiden Sie gemeinsame Hosting-Pläne.

Ich empfehle das von WPEngine verwaltete Wordpress-Hosting-Unternehmen für jede E-Commerce-WordPress-Site oder jede WordPress-Site mit Verkehrsspitzen.

16. Stellen Sie einen Experten ein

Mein Ziel ist es, Ihnen genügend Informationen zu geben, um mit der Optimierung Ihrer Website-Geschwindigkeit zu beginnen.

Aber wie Sie wissen, ist es am besten, einen Experten einzustellen, wenn es wichtig ist, es richtig zu machen.

Einer meiner Kunden kontaktierte mich, um die Ladezeit seiner Website zu optimieren. Die Seiten der Website brauchten lange zum Laden und Besucher beschwerten sich, weil die Benutzererfahrung schlecht war.

Ich habe WordPress auf die neueste Version aktualisiert, die Website zu einem zuverlässigen Hosting-Unternehmen migriert und Geschwindigkeitsoptimierungen vorgenommen, um die bestmögliche Ladezeit zu erreichen.

Die Ladezeit stieg von 8,2 auf 2,6 Sekunden. Die First-Byte- und Start-Rendering-Zeit wurde auf 0,147 bzw. 0,384 Sekunden optimiert und die Anzahl der HTTP-Requests von 96 auf 78 reduziert. Google PageSpeed ​​Insights wurde ebenfalls auf 88 % optimiert.

Die Absprungrate sank innerhalb weniger Wochen um etwa 10 %. Der Kunde und, was noch wichtiger ist, die Benutzer der Website waren zufrieden und die Pflege der Website wurde zu einer großartigen Erfahrung.

Zusammenfassend ist die Optimierung der Ladezeit Ihrer Website eine Win-Win-Situation für Sie und Ihre potenziellen Kunden.

Stellen Sie sich vor, wie glücklich Ihre Benutzer sein werden, wenn sie superschnelle Ladezeiten sehen!

Wenn Sie mich beauftragen möchten, helfe ich Ihnen gerne. Sehen Sie sich mein Portfolio an und kontaktieren Sie mich noch heute auf AwesomeWeb!

Fazit

Alles wird besser, wenn Ihre Website schneller geladen wird.

Google stuft Sie höher ein. Benutzer sind zufriedener. Absprungraten sinken. Die Conversion-Raten steigen. Und Sie machen mehr Umsatz.

Hören Sie auf, Traffic und Geld zu verlieren. Beginnen Sie noch heute mit der Optimierung der Ladezeit Ihrer Website.

Heute biete ich ein 497-Dollar-Paket speziell für IncomeDiary-Leser an. Das ist die Hälfte meines normalen Preises. Wenn Ihre Website meine Mindestanforderungen erfüllt, kümmere ich mich um alles, was in diesem Beitrag aufgeführt ist. Erwähnen Sie IncomeDiary in Ihrer Nachricht und ich werde mich in Kürze mit Ihnen in Verbindung setzen. Beginnen Sie 2015 mit der schnellsten Website, die Sie haben können!

Stellen Sie mich hier ein oder finden Sie hier andere Freiberufler zur Geschwindigkeitsoptimierung auf AwesomeWeb.