Ein Leitfaden für Anfänger zur Optimierung der Website-Geschwindigkeit Reparieren Sie Ihre langsame Website

Sie sind sich nicht sicher, wie Sie die Gesamtgeschwindigkeit Ihrer Website erhöhen können?

Die Website-Geschwindigkeit ist der grundlegende Teil der modernen SEO, und vertrauen Sie mir; Es hat einen unmittelbaren und signifikanten Einfluss auf das Ranking.

Wenn Sie jemals meine Website TheGuideX besucht haben, werden Sie feststellen, dass meine Website weniger als 1 Sekunde lädt (ich habe auch das GTmertix-Ergebnis unten angehängt).

Laut GTmetrix beträgt der PageSpeed-Score von TheGuideX.com 100 % und der YSlow-Score rund 95 % bei 0,9 Sekunden Ladezeit und nur 23 HTTP-Anfragen. Das ist großartig.

…und hier ist ein weiterer Bericht von TheVPNCoupon.com, wo ich über VPNs blogge.

Und laut GTmetrix liegt der PageSpeed-Score meines anderen Blogs (TheVPNCoupon.com) bei etwa 99 % und der YSlow-Score bei 95 % bei 23-HTTP-Anfragen, und auch diese Website lädt unter 1 Sekunde (obwohl das Laden nur 800 ms dauert). Webseite).

Eine Website, die weniger als 2 Sekunden lädt, wird als akzeptable Ladegeschwindigkeit angesehen. Wir empfehlen Ihnen jedoch immer, Ihre Website so weit wie möglich für eine bessere Ladegeschwindigkeit zu optimieren.

Was tue ich also, um die Geschwindigkeit meiner Website zu optimieren? Und sind technische oder Entwicklungskenntnisse erforderlich, um Ihre Website zu optimieren?

Die Antwort ist nein; Sie benötigen keine technischen oder Entwicklungskenntnisse, um Ihre Website zu optimieren. Sie können dies ganz einfach mit ein paar WordPress-Plugins und CDN tun. Und um Ihre Website zu optimieren, benötigen Sie zunächst einen besseren Webhosting-Plan.

Die meisten Amateur-Blogger sind hier gescheitert. Wenn sie mich bitten, ihre Website zu optimieren, stelle ich fest, dass sie auf ihrer Website billige Shared-Hosting-Pakete verwenden, und die Verwendung eines billigen Hosting-Pakets kann eine Website niemals schnell machen.

Wenn Sie über Grundkenntnisse in VPS verfügen, würde ich Ihnen empfehlen, Ihre Website zunächst auf DigitalOcean oder Cloudways umzustellen, und wenn Sie ein cPanel-basiertes Hosting wünschen, können Sie zu SiteGround wechseln.

Stellen Sie außerdem sicher, dass Sie ein CDN auf Ihrer Website verwenden. Wenn Sie nach einem kostenlosen CDN-Anbieter suchen, dann empfehle ich Ihnen Cloudflare. Sie können auch ImageKit für Image CDN verwenden (ich verwende dies auf meiner Website und es hilft mir, Bilder in Echtzeit zu optimieren).

Bevor wir uns eingehender mit Geschwindigkeitsoptimierungstechniken befassen, lernen wir zuerst

Warum ist Geschwindigkeit wichtig?

Wie lange warten Sie also, bis eine Website geladen wird?

Nun, laut Statistik möchte die Hälfte von uns und selbst ich nicht zwei Sekunden warten, bis eine Website geladen wird.

Deshalb wollte ich sicherstellen, dass meine Website innerhalb einer Sekunde oder so schnell wie möglich geladen wird. Und heute werde ich genau dieselbe Methode teilen, die ich auf meiner Website verwende, um ihre Geschwindigkeit zu optimieren.

Aber warum ist die Geschwindigkeit einer Website wichtig? Und welchen Unterschied machen Sekundenbruchteile?

Die Antwort? Es macht einen großen Unterschied!

Aber wie macht es einen großen Unterschied? Sehen wir uns einen detaillierten Bericht an, um mehr darüber zu erfahren, warum Geschwindigkeit wichtig ist.

1. Langsame Websites töten Conversions:

Eine langsame Website kann Ihre Website-Conversions zerstören.

Stellen wir uns vor, Sie sind eine E-Commerce-Website und das Laden Ihrer Website dauert etwa vier Sekunden. Und verschiedenen Berichten zufolge können 40 % der Besucher Ihre Website verlassen, wenn das Laden länger als drei Sekunden dauert.

Wenn Ihre Website monatlich etwa 1.00.000 Zugriffe erhält und das Laden Ihrer Website ungefähr vier Sekunden dauert, besteht in diesem Sinne eine große Chance, dass bis zu 40.000 Personen Ihre Website verlassen.

Und auf diese Weise verlieren Sie 40 % der Menschen, was auch einen Schlag auf die gesamte Website-Konvertierung bedeutet. Auf diese Weise ist die Geschwindigkeit der Website für die Steigerung der Conversions sehr wichtig.

2. Wir erwarten Geschwindigkeit und Benutzererfahrung:

Wie ich bereits oben erwähnt habe, verlassen 40 % der Besucher Ihre Website, wenn das Laden länger als drei Sekunden dauert. Und wenn es um mich geht, verlasse ich immer die Seite, deren Ladevorgang zwei oder mehr Sekunden dauert.

WTH warten Sie die zwei Sekunden, um die Website zu laden?

Wenn ich keine zwei Sekunden warten kann, kann ich nicht erwarten, dass meine Leser so lange bleiben.

Es gibt zwei Hauptfaktoren, die zu einer guten Benutzererfahrung beitragen:

1. Den Besuchern das geben, wonach sie suchen, und
2. Gib es ihnen schnell.

Hier sind einige weitere Ranking-Faktoren für das neue Seitenerlebnis von Google, die Sie auf Ihrer Website optimieren können.

Und sobald Besucher verwirrt und frustriert sind, bedeutet das, dass wir etwas falsch gemacht haben, und es gibt nichts Frustrierenderes als eine langsame Ladezeit.

Wenn Sie die Gesamtleistung Ihrer Website wirklich verbessern möchten, sollte die Ladegeschwindigkeit der Website Ihre oberste Priorität sein.

3. Website-Geschwindigkeit wirkt sich auf Ihren Google-Rang aus:

Last but not least dominiert es das Google-Ranking.

Google hat bereits zugegeben, dass sie danach streben, das gesamte Web schnell zu machen. Sie haben die Mission, die Website superschnell, zuverlässiger und nützlicher zu machen.

Ohne eine gute Ladegeschwindigkeit ist dies nicht möglich, und sie geben Websites mit schneller Ladegeschwindigkeit Vorrang. Und meines Wissens haben sie 2010 angekündigt, Websites mit schneller Ladegeschwindigkeit etwas mehr zu bevorzugen.

Und laut einem Bericht von SERoundtable, wenn Ihre Website mehr als 2 Sekunden braucht, um Inhalte zu laden, kann Google die Anzahl der Crawler begrenzen, die es an Ihre Website sendet.

Wenn dies bei Ihrer Website der Fall ist, ist es weniger wahrscheinlich, dass Google Ihren neuesten Blog-Beitrag bevorzugt und abruft oder ein aktuelles Update bemerkt. Und es wird Ihrer Website sicherlich schaden.

Geschwindigkeit ist also wichtig. Sie wirkt sich auf Ihre Website-Konvertierung aus. es wirkt sich auf die Benutzererfahrung aus und wirkt sich auch auf das Suchmaschinenranking aus.

Inzwischen bin ich mir sicher, dass Sie gelernt haben, wie wichtig eine schnell ladende Website ist.

Und jetzt, bevor wir zu bestimmten Techniken übergehen, die Ihnen bei der Optimierung der Gesamtgeschwindigkeit Ihrer Website helfen, nehmen wir uns einen Moment Zeit, um Tools zu betrachten, die Ihnen bei der Analyse der Geschwindigkeit Ihrer Webseiten helfen.

Tools zum Testen der Website-Geschwindigkeit

Okay, die Optimierung der Website-Geschwindigkeit ist also wichtig! Nun, woher weißt du, wo du bist?

Das heißt, ist Ihre Website langsam? Ist es in der Mitte oder ist es blitzschnell (dann herzlichen Glückwunsch, Sie können wahrscheinlich aufhören zu lesen!).

Der einzige Weg, dies herauszufinden, besteht darin, Ihre Website zu testen. Es gibt viele Websites, um die Geschwindigkeit unserer Website zu messen, aber hier in diesem Leitfaden werde ich nur einige Tools vorstellen, die ich persönlich am liebsten verwende.

1. GTmetrix

GTmetrix ist eines der besten Tools zur Überprüfung der Website-Performance. Dieses Tool ist eine gute Option für gelegentliche Benutzer und Entwickler.

GTmetrix bietet ein benutzerfreundliches Design mit einer Reihe nützlicher und tiefgreifender Optimierungen. Um dieses Tool zu verwenden, setzen Sie einfach einen Website-Link und klicken Sie auf die Schaltfläche „ Analysieren“ .

Wenn Sie auf die Schaltfläche „ Analysieren “ klicken, dauert es einige Sekunden oder manchmal eine Minute, bis Sie eine detaillierte Analyse Ihrer Website erhalten.

Und wenn Sie tiefer in das GTmetrix-Ergebnis eintauchen und den Abschnitt „ Empfehlungen“ erweitern, werden spezifische Empfehlungen für Ihre Website angezeigt. Sie können auch auf „Was bedeutet das?“ klicken. um mehr über diese Fehler und Optimierungen zu erfahren.

Abgesehen von den " Empfehlungen" zeigt es auch die DNS-Suchzeit jeder externen und internen Datei, die Ihre Website verwendet. Wenn Sie ein Entwickler sind oder über technische Fähigkeiten verfügen, hilft es Ihnen, Ihre Website weiter zu optimieren.

2. Pingdom

Pingdom ist ein weiteres sehr effizientes und großartiges Tool zur Optimierung der WordPress-Geschwindigkeit. Wenn Sie Anfänger oder Entwickler sind, hilft Ihnen dieses Tool dabei, Ihre Website effizient zu testen und Ihnen Empfehlungen zur Optimierung Ihrer Website zu geben.

Um dieses Tool zu verwenden, geben Sie Ihre Website-Adresse ein und wählen Sie dann den „ Testort“ aus. Sobald Sie den Testort ausgewählt haben, klicken Sie auf die Schaltfläche „ Test starten“ , und es beginnt mit der Analyse der Seite.

Und ähnlich wie GTmetrix zeigt es Ihnen, wenn Sie tiefer graben, verschiedene Empfehlungen zur Optimierung Ihrer Website. Und weiter unten finden Sie Informationen zu den spezifischen Anforderungen auf Ihrer Website und zur Wasserfallanalyse.

Dieses Tool ist wirklich hilfreich, um die Geschwindigkeit Ihrer Website zu verbessern – aber es erfordert einige fortgeschrittene Kenntnisse, um davon zu profitieren. Sie können auch einen Beitrag zur Wasserfallanalyse von KeyCDN lesen, um mehr darüber zu erfahren.

3. Google PageSpeed-Insights

Ein weiteres bestes Tool zum Testen Ihrer Website ist PageSpeed ​​Insight von Google. Dieses Tool gibt Ihnen nur Vorschläge, durch die Sie Ihre Website optimieren können, aber es würde nicht das Geschwindigkeitstestergebnis Ihrer Website teilen.

Das hat sich aber geändert. Jetzt teilt Google die Seitenladezeit sowohl für First Contentful Paint (FCP) als auch für DOM Content Loaded (DCL) . Weitere Informationen zu diesen Geschwindigkeitsmesswerten finden Sie hier auf der offiziellen Entwicklerseite von Google.

Wenn Sie einen niedrigen Pagespeed-Score und eine schlechte Ladezeit haben, dann ist dieser Leitfaden genau das Richtige für Sie! Sie können diesen Leitfaden bis zum Ende lesen, um Ihre Website auf Google PageSpeed ​​Insight und anderen Websites richtig zu optimieren.

Sie können auch unseren anderen Leitfaden zur Lösung von Flash of Invisible Text (FOIT) lesen, um die Schriftarten Ihrer Website zu optimieren.

4. Webseitentest

Das letzte Tool zum Überprüfen der Website-Geschwindigkeit ist WebPageTest. Dieses Tool ist eines der fortschrittlichsten Tools zum Testen der WordPress-Geschwindigkeit in Bezug auf die Tiefe der Funktionalität und die bereitgestellten Daten.

Wenn Sie die Geschwindigkeit Ihrer Website mit dem WebPageTest-Tool überprüfen, können Sie einige erweiterte Einstellungen verwenden, um Ihre Website zu analysieren. Sie können diese erweiterten Einstellungen verwenden, um:

Wenn Sie sich diesen Tweet von John Mueller aus der Google-Suche ansehen, empfiehlt er auch das WebPageTest-Tool zum Überprüfen der Ladegeschwindigkeit von Websites.

Wenn Sie mit diesen Optionen verwirrt sind, würde ich Ihnen empfehlen, die Registerkarte „ Einfaches Testen“ auszuprobieren. Insgesamt ist dieses Tool am besten geeignet, um die Geschwindigkeit Ihrer Website zu testen, und wenn Sie ein Entwickler sind, wird es Ihnen sehr helfen, Ihre Website zu reparieren.

Bis jetzt haben wir gelernt, wie wichtig eine schnell ladende Website und die Tools zum Überprüfen der Website-Geschwindigkeit sind.

Jetzt ist es an der Zeit, die Techniken zur korrekten Optimierung Ihrer Website zu teilen.

Hier in diesem Tutorial teile ich nicht nur die Schritte zur Verwendung eines Cache-Plug-ins zur Optimierung von CSS, JS, HTML oder zur Verwendung von CDN wie andere, sondern ich teile die zugänglichste Methode, mit der Sie diese Optimierungen durchführen können korrekt.

Diese Methoden sind einfach und am einfachsten mit Beispielen;

Aber bevor Sie mit diesen Methoden fortfahren, empfehle ich Ihnen, zuerst ein Backup Ihrer WordPress-Website mit dem Updraft Backup-Plugin zu erstellen, das kostenlos im WordPress-Repo erhältlich ist.

Sobald Sie das Backup Ihrer WordPress-Website erstellt haben, können wir mit der Optimierung der Website fortfahren.

Wie also…

Optimieren Sie Ihre Website

Jetzt hat das Warten ein Ende!

Hier teile ich die Methoden, die ich immer auf meiner Website verwende, um sie zu optimieren. Sie können die gleichen Techniken anwenden, um Ihren Blog, Ihre Mikronische und auch Ihren E-Commerce-Shop zu optimieren.

1. Wählen Sie schnelles und vertrauenswürdiges Webhosting

Der allererste Schritt ist also die Wahl eines vertrauenswürdigen und schnellen Webhosting-Anbieters.

Wie ich bereits erwähnt habe, wenn Leute mich bitten, ihre Website zu optimieren, stelle ich fest, dass sie billige Shared-Hosting-Pakete auf ihrer Website verwenden, und die Verwendung eines billigen Hosting-Pakets kann eine Website niemals schnell machen.

Wenn Sie also einen günstigen Shared-Hosting-Plan verwenden, empfehle ich Ihnen auf jeden Fall, zuerst von Ihrem aktuellen Webhosting-Anbieter zu einem vertrauenswürdigen Anbieter zu wechseln.

Wenn Sie mich nach einer schnellen und besten Webhosting-Plattform fragen, werde ich immer DigitalOcean empfehlen – aber es erfordert ein paar technische Fähigkeiten, um Ihr DigitalOcean-Droplet zu verwalten. Obwohl es einfach ist und um es bequemer zu machen, können Sie jedes Control Panel auf Ihrem Server verwenden (ich persönlich verwende DigitalOcean für alle meine Projekte).

Diese Panels können ServerPilot, VestaCP und viele mehr umfassen – aber ich empfehle immer die Verwendung von ServerPilot, da es eines der einfachsten Control Panels für die Installation von WordPress ist (Sie können hier klicken, um ein kostenloses Guthaben von 10 $ auf ServerPilot zu erhalten).

Und wenn Sie ein Anfänger sind und ein cPanel-basiertes Hosting wünschen, können Sie sich auch für SiteGround entscheiden. SiteGround ist einer der besten und vertrauenswürdigsten Webhosting-Anbieter für kleine Unternehmen und Websites.

1.1 Empfohlenes Hosting

1.2 Nicht empfohlenes Hosting

2. Auswahl des optimierten WordPress-Themas

Bei der Auswahl eines Themes für Ihre WordPress-Website ist es wichtig, ein Theme auszuwählen, das auf Geschwindigkeit optimiert ist. Einige schöne und beeindruckend aussehende Themen sind schlecht codiert und können Ihre Website sehr langsam machen.

Und wenn Sie kein optimiertes Design auf Ihrer Website verwenden, ist die Wahrscheinlichkeit geringer, dass diese Methoden zur Geschwindigkeitsoptimierung für Sie funktionieren.

Normalerweise bevorzuge ich ein Thema mit einer einfachen und sauberen Benutzeroberfläche, anstatt eine auffällige, riesige Animation und ein Thema mit komplexem Layout zu bevorzugen. Sie können diese Funktionen jederzeit mit einem zuverlässigen und hochwertigen WordPress-Plugin hinzufügen.

Wenn Sie eine Themenempfehlung benötigen, würde ich Ihnen vorschlagen, Premium-WordPress-Themes von StudioPress, MyThemeShop und GeneratePress zu bevorzugen. Die Themen dieser Marktplätze sind sowohl für Geschwindigkeit als auch für SEO optimiert und gut codiert. (Ich persönlich bevorzuge die Verwendung des GeneratePress-Themes auf meinen Websites)

Sie können auch Astra überprüfen, ein weiteres Thema, das für Geschwindigkeit und SEO optimiert ist. Ähnlich wie GeneratePress bietet auch dieses Theme viele Anpassungsoptionen und ist mit über 700.000 aktiven Installationen eines der am häufigsten heruntergeladenen Themes im WordPress-Repo.

2.1 Empfohlene Themen

Bis jetzt haben wir über einen vertrauenswürdigen und schnellen Webhosting-Anbieter und ein schnelles und zuverlässiges WordPress-Theme gesprochen.

Diese beiden Dinge sind unerlässlich, um zum dritten Schritt überzugehen, bei dem es darum geht, Ihren Blog/Ihre Website mit ein paar WordPress-Plugins zu optimieren.

3. Optimierung mit WordPress-Plugins

Bevor wir also über die Optimierung Ihrer WordPress-Website mit ein paar Plugins sprechen, gehen wir davon aus, dass Sie sich bereits um zwei Dinge gekümmert haben;

Wenn Sie diese beiden Kästchen ankreuzen, können Sie mit verschiedenen Plugins mit der WordPress-Optimierung fortfahren und umfassende Möglichkeiten zur Beschleunigung der Ladegeschwindigkeit Ihrer Website erkunden.

3.1 Optimieren Sie Ihre Website mit WP Rocket

Das allererste Plugin, das wir für die WordPress-Geschwindigkeitsoptimierung verwenden, ist WP Rocket.

WP Rocket ist eines der besten WordPress-Cache-Plugins, das dazu beiträgt, dass Ihre Website schneller geladen wird. Es ist ein anfängerfreundliches Tool mit vielen Anpassungsmöglichkeiten, um die Leistung Ihrer Website mit nur wenigen Klicks zu steigern.

Das Plugin kann Ihnen bei der Optimierung helfen;

Jetzt haben wir also die Grundlagen der Verwendung dieses Plugins verstanden. Nun zeigen wir Ihnen, wie Sie Ihre Website mit dem Cache-Plugin von WP-Rocket richtig optimieren.

Wenn Sie ein anderes Cache-Plugin verwenden, werde ich Ihnen kaum empfehlen, auf WP-Rocket umzusteigen.

Es ist eines der einfachsten und dennoch besten Plugins für den Cache, und selbst Sie müssen nicht mit den Einstellungen herumspielen, wie Sie es bei anderen Cache-Plugins tun. Nur ein einfacher Klick, und Sie können loslegen.

So…

Wie nutzt man WP-Rocket effektiv?

Sie werden zahlreiche Funktionen im WP-Rocket-Plugin finden, und haben Sie sich jemals gefragt, welche Einstellungen Sie auf Ihrer Website aktivieren müssen, damit sie blitzschnell wird?

Nachdem Sie das WP-Rocket-Plug-in auf Ihrer WordPress-Website installiert und aktiviert haben, gehen Sie zu „ Einstellungen “ > „ WP Rocket “, um die Konfigurationsseite zu öffnen.

Klicken Sie nun auf die „ Cache “-Einstellungen, um den Website-Cache mit dem WP-Rocket-Plugin festzulegen. (Es wird so etwas zeigen)

Zunächst müssen Sie den „ Mobile Cache“ aktivieren, und wenn Sie den Cache für eCommerce einrichten, dann die „Cache für angemeldete Benutzer “-Einstellungen aktivieren.

Stellen Sie dann die „ Cache-Lebensdauer “ auf „ 10 Stunden “ ein.

Sobald wir mit den Cache-Einstellungen fertig sind, wechseln wir zur „ Dateioptimierung “, von wo aus wir HTML, CSS, JS, Defer JS und Combine CSS & JS minimieren können.

Diese Einstellungen sind eine der wichtigsten Einstellungen von WP-Rocket. Es wird Ihnen auch helfen, die HTTP-Anfrage zu verringern, indem Sie CSS & JS Ihrer Website kombinieren.

Wenn Sie auf den Teil „ Dateioptimierung “ klicken, erhalten Sie verschiedene Optionen zum Minimieren von HTML, CSS, JS und zum Kombinieren in weniger Dateien.

Aktivieren Sie in den „ Grundeinstellungen“ alle drei Optionen „HTML minimieren“, „ Google-Schriftartendateien kombinieren“ und „ Abfragezeichenfolgen entfernen“. Es wirkt sich nicht auf Ihre Website aus – Wenn Sie jedoch die Einstellungen für „ CSS-Dateien “ und „ JS-Dateien “ aktivieren, stellen Sie sicher, dass Ihre Website nicht beschädigt wird.

Aktivieren Sie nun die Option „CSS minimieren“, „CSS kombinieren“ und „CSS-Bereitstellung optimieren“ in CSS-Dateien , um Ihr CSS zu minimieren und es in weniger Dateien zu kombinieren. Es wird auch das Problem „ eliminiert Renderblocking-CSS “ auf Ihrer Website beheben.

Klicken Sie in ähnlicher Weise im Abschnitt „ JS-Dateien “ auf „JQuery Migrate entfernen“, „JS minimieren“, „JavaScript-Dateien kombinieren“, „JavaScript zurückgestellt laden“ und aktivieren Sie dann den „Abgesicherten Modus für JQuery“ im Abschnitt „JS zurückgestellt“.

Nachdem Sie diese Einstellungen in der Dateioptimierung vorgenommen haben, löschen Sie bitte den Cache und stellen Sie sicher, dass Ihre Website dadurch nicht zerstört wird, indem Sie die Startseite oder eine Seite Ihrer Website besuchen.

Nach den Dateioptimierungseinstellungen erhalten Sie die Einstellungen zum Verwalten von Lazy Loading & Media. Klicken Sie auf die Option Medien , um Änderungen an den Medieneinstellungen vorzunehmen;

Hier in dieser Option erhalten Sie eine Option zum Aktivieren von Lazyload für Bilder und Videos sowie eine Option zum Deaktivieren von Einbettungen, Emojis und zum Aktivieren der WebP-Kompatibilität.

Ich werde Ihnen vorschlagen, die Lazyload-Einstellungen für Bilder, iFrame und Videos zu aktivieren. Sie können auch die YouTube-Videos oder Iframes durch Bilder ersetzen (vertrauen Sie mir, es wird Ihre Website blitzschnell machen).

Sie erhalten auch eine Option zum Deaktivieren von Emojis und Einbettungen, meistens sind diese für uns nutzlos, und durch das Deaktivieren der Einbettungen sparen Sie Ihre Website-Ressourcen, daher empfehle ich Ihnen, diese Einstellungen zu aktivieren.

Nach den Medieneinstellungen erhalten Sie eine Option zum Aktivieren von Preload auf Ihrer Website.

Warum ist das Vorabladen von Bargeld unerlässlich, um die Leistung Ihrer Website zu verbessern?

Das Vorladen stellt sicher, dass Ihre Besucher sofort die schnelleren, zwischengespeicherten Versionen Ihrer Website erhalten. WP Rocket kümmert sich automatisch darum und Ihre Homepage und alle darauf befindlichen Links werden vorgeladen

Nachdem Sie die Preload- Einstellungen vorgenommen haben, erhalten Sie eine Option zum Konfigurieren der erweiterten Einstellungen. In den erweiterten Einstellungen können Sie ganz einfach einige Einstellungen verwalten, darunter das Deaktivieren des Caches für benutzerdefinierte URLs oder benutzerdefinierte Cookies, User-Agent und das Löschen der gewünschten URL.

Danach erhalten Sie eine Option zum Verwalten der Datenbankoptimierung und des CDN, aber wir werden diese Einstellung hier überspringen. Und wir verwenden das Plugin WP-Optimize , um die Datenbank effizient zu optimieren, und wir zeigen Ihnen später im CDN-Abschnitt, wie Sie CDN implementieren.

Und auch hier erhalten Sie nach diesen Einstellungen eine Option zum Verwalten der WordPress Heartbeat-API. Grundsätzlich bietet die WordPress Heartbeat API eine Verbindung für die Datenübertragung und Synchronisierung in Echtzeit zwischen dem Server und dem Browser.

Immer noch nicht in der Lage, die Heartbeat-Einstellungen zu verstehen? Hier teile ich einige Beispiele, bei denen Heartbeat-Einstellungen beteiligt sind;

Wenn Sie einen Server mit geringen Ressourcen verwenden, können Sie ihn deaktivieren, um Ihre Ressourcen zu sparen, aber für kleine Websites ist dies kein großes Problem.

Und jetzt ist die letzte, aber nicht die geringste Einstellung im WP-Rocket-Plugin ihre Add-On-Einstellungen . Wenn Sie Facebook Pixel & Google Analytics auf Ihrer Website verwenden, hilft es Ihnen, diese lokal auf Ihrem Server zu speichern, um die Geschwindigkeit der Website zu optimieren.

Sie können es einfach aktivieren, um das Browser-Caching-Problem Leverage auf Ihrer Website zu verbessern.

Ein weiteres großartiges Add-On kann die Integration Ihrer Website mit Cloudflare & Sucuri direkt über das WP-Rocket-Dashboard beinhalten. Es wird Ihnen helfen, den Cache dieser CDN-Anbieter zu löschen und zu löschen, wenn Sie etwas auf Ihrer Website löschen.

Vertrau mir; Dies sind eine der besten Einstellungen, die Ihre Website wirklich schnell machen. Wenn Sie möchten, dass Ihre Website schnell geladen wird, empfehle ich Ihnen, diese Einstellungen zu aktivieren.

Bis jetzt haben wir einige Optimierungen mit dem Plugin WP-Rocket implementiert.

Jetzt verwenden wir einige andere Plugins wie WP-Optimize für die Datenbankoptimierung und AssetCleanUp Pro für die weitere Geschwindigkeitsoptimierung.

3.2 Optimieren Sie Ihre Website mit Asset CleanUp Pro

Sobald Sie Ihre Website mit WP Rocket optimiert und das Ergebnis von GTmetrix & Pingdom überprüft haben, werden Sie eine sofortige Verbesserung der Seitenladegeschwindigkeit feststellen.

Aber wir sind hier noch nicht fertig, ich habe bereits oben erwähnt, dass wir unsere Website so weit wie möglich optimieren müssen.

Also werden wir jetzt ein paar andere Plugins wie Asset CleanUp Pro zur weiteren Optimierung unserer Website verwenden (Sie können auch die kostenlose Version von Asset CleanUp zur Optimierung verwenden, aber ich würde vorschlagen, die kostenpflichtige Version zu erwerben).

Dieses Plugin kann Ihnen helfen, das Flash of Invisible Text (FOIT)-Problem auf Ihrer Website zu beheben, und es blockiert auch den Zugriff auf die XML-RPC-Datei und erledigt viele weitere Dinge.

Da wir unsere Website bereits mit WP Rocket optimiert haben, sind die Änderung von HTML, CSS und JS sowie einige andere Einstellungen blockiert und wir können sie nicht aktivieren (das ist eine gute Sache!)

Nachdem Sie den Testmodus aktiviert haben, klicken Sie nun auf die Option CSS optimieren und scrollen Sie dann nach unten zu den Cache Dynamic Loaded CSS -Einstellungen und aktivieren Sie sie dann.

Sobald Sie dies getan haben, klicken Sie auf die Schaltfläche Speichern .

Aktivieren Sie in ähnlicher Weise im Abschnitt „JS optimieren“ den Cache für dynamisch geladenes JavaScript.

Diese Optionen helfen Ihnen, die dynamischen Werte von CSS und JS zwischenzuspeichern. Allerdings treten diese Probleme in WordPress nach der Verwendung von WP-Rocket nicht auf.

Nachdem Sie diese Einstellungen vorgenommen haben, klicken Sie nach der Option „ CDN “ auf die Einstellungen „ Site-Wide Common Unloads “.

Hier finden Sie einige Optionen zum Deaktivieren von Emojis , Embeds , Dashicons , Gutenberg CSS Block Library , JQuery Migrate und Comment Reply Site-wide .

Aber wenn Sie Gutenberg, Dashicons-Symbol in Ihrem Blog nicht verwenden, können Sie sie deaktivieren.

Und wenn Sie WordPress nicht als Blog verwenden, nicht möchten, dass Besucher Kommentare hinterlassen, oder Sie die standardmäßigen WordPress-Kommentare durch eine Kommentarplattform wie Disqus oder Facebook ersetzt haben, können Sie auch die „ Kommentar-Antwort-Site“ deaktivieren. breit “ aus den Einstellungen.

Jetzt gehen wir zum Abschnitt „ HTML Source Cleanup “, von wo aus wir ungenutzte Elemente aus dem Abschnitt <head> entfernen können.

Aus diesen Einstellungen können wir die unerwünschten Elemente aus <head>-Abschnitten entfernen.

Mach dir keine Sorgen!

Das Entfernen dieser Elemente hat keinerlei Auswirkungen auf Ihre Website.

Ich habe mehrere Optionen aus diesen Einstellungen entfernt, darunter Kommentar-RSS, Meta-Generator-Tags, WordPress-Version-Tags, REST-API und RSD-Links.

Sie können diese Einstellungen von Ihrer Website entfernen und es wird Ihrer Website nicht schaden. Sie können den RSS-Feed- Link auch nur dann entfernen, wenn Sie ihn nicht verwenden.

Und wenn Sie die Premium-Version von Asset Cleanup Pro verwenden, können Sie den Wert „ CSS für Schriftanzeige anwenden “ von „ Nicht anwenden “ in „ Austauschen“ ändern. Dies kann verhindern, dass auf Ihrer Website ein Blitz mit unsichtbarem Text auftritt. Sie können hier klicken, um mehr über dieses Problem zu erfahren.

Sie können auch die URL lokaler Schriftartdateien im Abschnitt zum Vorabladen eingeben, um sie sofort zu laden. Wenn wir eine Schriftartdatei vorab laden, erhöhen wir ausdrücklich die Priorität der Ressource.

Und nach den Einstellungen für die Optimierung lokaler Schriftarten sehen Sie eine ähnliche Option in „ Google Fonts“. Einstellung.

Wählen Sie einfach die Option „ Austauschen “ in den Einstellungen für die Schriftartanzeige und aktivieren Sie auch die Vorverbindung . Durch Aktivieren der Vorverbindungsoption wird der Browser darauf hingewiesen und angewiesen, eine Vorverbindung zu Google Fonts herzustellen, während das CSS geladen wird, wodurch Ladezeit gespart wird.

Verwenden Sie Plugins und Tools nur auf den erforderlichen Seiten mit Asset CleanUp Pro.

Bis jetzt haben wir mit Asset CleanUp ein paar Optimierungen vorgenommen, um die Ladegeschwindigkeit der Website zu verbessern – aber es gibt noch einige weitere erstaunliche Funktionen in diesem Plugin, die uns nicht bekannt sind.

Diese Funktionen können das Laden von Plugins in einem bestimmten Beitrag der Website beinhalten.

Nehmen wir in einfachen Worten an, Sie verwenden das „ Contact Form 7 “ (beliebtestes Plugin zum Erstellen von Kontaktformularen) auf Ihrer Website und verwenden es auf einer bestimmten „ Kontaktseite “ auf Ihrer Website.

Das Hauptproblem bei diesem Plugin ist jedoch, dass es seine CSS- und JS-Datei in den <head> -Bereich Ihrer Website lädt und somit zwei weitere Anfragen auf allen Seiten (einschließlich der Kontaktseite) erhöht – aber wir brauchen es nur zum Laden die spezifische Seite, und das ist die Kontaktseite .

Zum Beispiel; Wenn Sie TheVPNCoupon überprüfen, verwende ich das Plugin „Contact form 7“ auf der Kontaktseite und auf den anderen Posts/Seiten wie „Best Animated Movies“ verwende ich kein Kontaktformular – aber es lädt trotzdem CSS & JS des Contact Form 7 -Plugins auf diesen Seiten (Sie können das Bild unten überprüfen).

Aber wie können Sie dieses Problem lösen?

Die Lösung ist sehr einfach, Sie müssen nur den Beitrag oder die Seite veröffentlichen und dann erneut auf die Option „ Beitrag/Seite bearbeiten “ klicken, und dann lädt dieses Plugin alle Dateien in das WordPress-Beitrags-Dashboard.

Entladen Sie dann die spezifische CSS- und JS-Datei aus der Option Asset CleanUp.

Zum Beispiel; Wenn ich auf meiner Website mit dem Plug-in „ Contact Form 7 “ eine „ Kontakt “-Seite erstelle, veröffentliche ich die Seite, sobald sie fertig ist, und klicke dann erneut auf die Option „ Seite bearbeiten “. .

Sobald wir auf die Bearbeitungsseite klicken, werden alle Dateien angezeigt, die angefordert oder geladen werden, wenn jemand die Kontaktseite lädt.

Jetzt nehmen wir einige Änderungen an den Einstellungen vor und entladen CSS & JS von Contact Form 7 von allen Seiten außer der Kontaktseite (Sie können die gleichen Einstellungen vornehmen, die wir im obigen Bild vorgenommen haben).

3.3 Bilder auf der Website optimieren

Wie Sie wissen, ist die Bildoptimierung einer der wichtigsten Faktoren, um die Geschwindigkeit Ihrer Website zu verlangsamen. Es ist die Hauptquelle für die Verlangsamung der Websites, daher müssen wir unsere Bilder immer komprimieren, bevor wir sie auf Ihre Website hochladen.

Auch wenn Sie einen unserer Blog-Beiträge bei TheGuideX lesen,

…die Bilder sind schwerer als alles andere auf meiner Website.

Daher sollte die Optimierung von Bildern zu den deutlichsten Verbesserungen der Geschwindigkeit Ihrer Website führen, und das tut sie auch.

Wir alle wissen, dass Bilder für jede Website unerlässlich sind, aber die Verwendung von Bildern mit hoher Qualität wird nicht empfohlen. Daher müssen wir sicherstellen, dass das von uns hochgeladene Bild richtig optimiert ist.

Sie sollten die Bilder so komprimieren, dass die Gesamtqualität Ihres Bildes nicht beeinträchtigt, sondern nur die Größe reduziert wird.

Zu diesem Zweck habe ich eine Website zur Bildoptimierung erstellt, und Sie können diese Website verwenden, um Ihre Bilder zu optimieren, bevor Sie sie in WordPress hochladen.

Um Ihre Bilder richtig zu optimieren, müssen Sie diese fünf Schritte befolgen;

Verwenden Sie das richtige Bildformat

Die beiden am häufigsten verwendeten Bildtypen im Web sind JPGs und PNGs.

Und sie sind nicht gleich;

Beispiel für ein JPEG-Bild

Bilddetails
Bildformat	JPEG
Bildgröße	2.893kb
Optimierte Bildgröße	607 KB
Bildkomprimierung %	79%
Bildbeschreibung	Komplexes Bild mit vielen Farbinformationen.

Beispiel für ein PNG-Bild

Bilddetails
Bildformat	PNG
Bildgröße	716 KB
Optimierte Bildgröße	173 KB
Bildkomprimierung %	75%
Bildbeschreibung	Einfaches Bild mit wenig Farbinformationen

In den obigen Beispielen habe ich ein JPG-Bild mit 79 % Bildkomprimierung und ein PNG-Bild mit ähnlichem Komprimierungsgrad gezeigt – aber die komprimierte Größe des JPEG-Bilds ist aufgrund ihrer Komplexität weitaus größer als die Originalgröße des PNG-Bilds und a viele Farbinformationen.

Stellen Sie also beim nächsten Mal, wenn Sie Bilder auf Ihre Website hochladen, sicher, dass Sie das richtige Bildformat verwenden.

3.4 Datenbankoptimierung mit WP-Optimize

Bis jetzt haben wir unsere Website mit WP Rocket und Asset CleanUp optimiert, aber wenn Sie immer noch das Gefühl haben, dass das Laden Ihrer Website viel länger dauert, können Sie Ihre Datenbank optimieren und Überarbeitungen des Beitrags löschen.

Manchmal, wenn wir den Inhalt unserer Website aktualisieren oder wenn wir etwas im WordPress-Editor schreiben, wird die Post-Revision automatisch in unserer Datenbank gespeichert.

Die Optimierung der Datenbank ist also ein weiterer sehr hilfreicher und wichtiger Prozess, um die Geschwindigkeit einer Website zu erhöhen.

Dazu verwenden wir ein kostenloses WordPress-Plugin namens „ WP-Optimize“. Das Plugin wurde von Team Updraft entwickelt, das auch ein erstaunliches Plugin entwickelt hat, das ich für die Sicherung Ihrer Website empfehle.

Um dieses Plugin zu verwenden, installieren Sie einfach das „WP-Optimize“-Plugin aus dem WordPress-Repo.

Sobald das Plugin installiert ist, würde ich empfehlen, ein Backup Ihrer Datenbank zu erstellen und dann zu „ WP-Optimize “ > „ Database“ zu gehen. Und wenn Sie sich auf der Datenbankseite befinden, klicken Sie auf „ Alle ausgewählten Optimierungen ausführen “, und die Optimierung der Datenbank wird gestartet.

Es dauert ein paar Minuten, Ihre Datenbank zu optimieren, und sobald dies erledigt ist, werden alle Post-Revisionen, Spam-Kommentare, ausstehenden Kommentare, Trackbacks, verworfenen Posts und automatischen Entwürfe gelöscht.

Mach dir keine Sorgen!

Ihre Beiträge und Entwürfe bleiben sicher. Es löscht keine Ihrer veröffentlichten oder Entwurfsbeiträge auf Ihrer Website, sondern nur Überarbeitungen. Sie sind also sicher.

3.5 Verwenden Sie diese Plugins nicht auf Ihrer Website

Bestimmte Plugins können Ihre Website verlangsamen und eine hohe CPU-Auslastung verursachen. Ich werde Ihnen immer empfehlen, keine schweren Plugins auf Ihrer Website zu verwenden.

Diese Plugins können beinhalten;

In diesem Schritt haben wir einige WordPress-Plugins verwendet, um unsere Website effektiv zu optimieren, und wenn Sie das GTmetrix & Pingdom-Ergebnis Ihrer Website überprüfen, werden Sie eine sofortige Leistungssteigerung feststellen.

Bei der Geschwindigkeitsoptimierung geht es jedoch nicht nur darum, die Website durch die Verwendung einiger Plugins oder das schnelle Laden des WordPress-Themes zu optimieren.

Es gibt noch viel mehr zu tun, wenn Sie die Gesamtleistung Ihrer Website steigern möchten. Verwenden Sie beispielsweise ein CDN auf Ihrer Website und stellen Sie die Dateien, Bilder oder Daten vom nächstgelegenen verfügbaren Server bereit.

4. Verwendung eines Content Delivery Networks (CDN)

Bevor ich erkläre, wie Sie ein CDN verwenden können, um die Leistung Ihrer Website zu steigern, lernen wir zunächst, was ein CDN ist und wie es zur Verbesserung der Website-Leistung beitragen kann.

Was ist also ein CDN oder Content Delivery Network?

Laut Akamai ist ein CDN (Content Delivery Network) eine hochgradig verteilte Plattform von Servern, die dazu beiträgt, Verzögerungen beim Laden von Webseiteninhalten zu minimieren, indem die physische Entfernung zwischen dem Server und dem Benutzer verringert wird. Auf diese Weise können Benutzer auf der ganzen Welt dieselben hochwertigen Inhalte ohne langsame Ladezeiten anzeigen.

Wie kann es also helfen, die Leistung der Website zu steigern?

Die Antwort ist; Immer wenn Sie eine Website besuchen, stellt sie Anfragen an den Remote-Server, und dieser Server antwortet mit den Daten. Die Datenübertragung erfolgt über das öffentliche Internet und verursacht einige Verzögerungen.

Und wenn wir die Entfernung Ihres lokalen Computers zum Server verringern, wird dies sicherlich die Verzögerungszeit verringern und die Leistung der Website erhöhen.

Jetzt haben wir die Verwendung von CDN auf unserer Website verstanden und wissen, wie wichtig es ist, die Gesamtleistung unserer Website zu steigern.

Jetzt werden wir einige CDNs besprechen, um die Leistung unserer Website zu steigern;

4.1 Verwenden Sie Cloudflare auf der Website

Das allererste CDN, das die meisten Leute auf ihrer Website verwenden, ist Cloudflare.

Cloudflare hat ein ausgedehntes globales Netzwerk von Rechenzentren aufgebaut, die statische Inhalte näher an den Benutzern zwischenspeichern und dynamische Inhalte über die schnellsten und zuverlässigsten privaten Backbone-Verbindungen bereitstellen

Das Einrichten von Cloudflare für Ihren Domainnamen ist sehr einfach; Sie müssen nur Ihre Nameserver vom aktuellen Host auf Cloudflare ändern und können dann Ihr DNS ganz einfach direkt von Cloudflare aus verwalten.

Sobald Cloudflare auf Ihrem Domainnamen aktiv ist, melden Sie sich bei Ihrem Cloudflare-Konto an und wählen Sie dann Ihre Website aus dem Dashboard aus.

Gehen Sie nun zur Seite SSL/TLS und stellen Sie SSL auf Flexibel ein. Sie können die SSL-Einstellungen auch auf Vollständig setzen – Stellen Sie jedoch sicher, dass Ihre Website bereits SSL verwendet, bevor Sie die SSL-Einstellung auf Vollständig setzen.

Sobald Sie SSL auf Ihrer Website eingerichtet haben, gehen Sie zu den Edge-Zertifikatseinstellungen in SSL und aktivieren Sie „ Immer HTTPS verwenden “, „ TLS 1.3 “ und aktivieren Sie „ Automatische HTTPS-Umschreibungen“.

Jetzt haben wir das SSL auf unserer Website mit SSL eingerichtet. Klicken Sie nach diesem Schritt auf die Geschwindigkeitseinstellungen und dann auf die Optimierung unter den Geschwindigkeitseinstellungen .

Sobald Sie sich auf der Optimierungsseite in Speed ​​befinden, aktivieren Sie die automatische Minimierung für JavaScript, CSS und HTML.

Und aktivieren Sie dann die Brotli- Komprimierung auf Ihrer Website. Brotli ist ein von Google entwickelter Komprimierungsalgorithmus und eignet sich am besten für die Textkomprimierung.

Hier sind einige Funktionen zur Verwendung der Brotli-Komprimierung auf Ihrer Website;

Sobald Sie die Brotli -Komprimierung auf Ihrer Website aktiviert haben, können Sie nach unten zur Rocket Loader -Option scrollen und sie dann aktivieren. Standardmäßig ist diese Einstellung aktiviert, aber manchmal kollidiert dieses Plugin mit dem WP Rocket -Plugin und kann Probleme verursachen.

Nun wechseln wir zu den Cache -Einstellungen in Cloudflare und setzen dann das Caching-Level auf „ Standard “ und Browser-Cache-TTL auf „ 1 Jahr “.

Sobald Sie diese Einstellungen aktiviert haben, scrollen Sie nach unten zu Always Online und klicken Sie darauf, um es zu aktivieren. Wenn Ihr Server mit diesen Einstellungen ausfällt, stellt Cloudflare die statischen Seiten Ihrer Website aus ihrem Cache bereit.

Hier erfahren Sie mehr über empfohlene Einstellungen.

Jetzt ist das Wichtigste, Seitenregeln in unserem Blog mit Cloudflare einzurichten.

Öffnen Sie dazu die Einstellungen für Seitenregeln in Cloudflare . Mit dem kostenlosen Plan von Cloudflare können wir nur 3-Seiten-Regeln erstellen, und wenn Sie mehr als 3-Seiten-Regeln erstellen möchten, müssen Sie weitere Seitenregeln von Cloudflare kaufen.

Wie Sie im obigen Bild sehen können, habe ich auf meiner Website TheGuideX eine 3-seitige Regel erstellt, um die Leistung zu verbessern. Diese 3-Seiten-Regeln sind eine der wichtigsten Regeln, die dabei helfen, unsere Website zu optimieren.

Jetzt müssen Sie zuerst auf die Schaltfläche Seitenregel erstellen klicken, die in blauer Farbe angezeigt wird. Sobald wir darauf klicken, wird eine Seite geöffnet, auf der wir unsere erste Seitenregel erstellen können.

Wie Sie im obigen Bild sehen können, müssen wir im ersten Feld die URL der Seite eingeben, auf der wir die Seitenregeleinstellungen anwenden müssen, und dann müssen wir die Einstellungen aus dem Dropdown-Menü auswählen. Wenn wir fertig sind, klicken Sie auf die Schaltfläche Speichern und bereitstellen , um diese Seitenregeln zu aktivieren.

Erste-Seite-Regel für Cloudflare

Die erste Regel lautet also;

• URL : example.com/wp-login.php
• Regel (zur Auswahl aus Dropdown) : Sicherheitsstufe und dann Hoch oder Ich werde angegriffen

Beispiel;

Verwendung der Regel „Diese Seite“.

Diese Seitenregel fügt deiner wp-login.php-Datei eine zusätzliche Sicherheitsebene hinzu. Immer wenn jemand versucht, sich bei Ihrem WordPress-Dashboard anzumelden, überprüft es zunächst die Browserintegrität und verhindert Brute-Force-Angriffe auf Ihre Website.

Wir können auch einige Plugins verwenden, um unsere Website vor Brute-Force-Angriffen zu schützen, aber diese Arten von Plugins benötigen enorme Website-Ressourcen und können Ihre Website verlangsamen. Daher verwenden wir Cloudflare, um unsere Anmeldeseite vor böswilligen Versuchen zu schützen.

Second-Page-Regel für Cloudflare

Die zweite Regel ist;

• URL : example.com/wp-admin/*
• Regel (zur Auswahl aus Dropdown) : Leistung deaktivieren

Beispiel;

Verwendung der Regel „Diese Seite“.

Diese Seitenregel hat die Leistung im wp-admin-Ordner deaktiviert. Wenn Sie es deaktivieren, werden Minification, Rocket Loader, Mirage und Polish auf der Backend-Seite Ihrer Website deaktiviert.

Third-Page-Regel für Cloudflare

Die dritte Regel ist;

• URL : example.com/wp-content/*
• Regel 1 : Browser-Cache-TTL => ein Jahr
• Regel 2 : Immer online => Ein
• Regel 3 : Cache-Level => Alles cachen
• Regel 4 : Edge Cache TTL => ein Monat

Beispiel;

Verwendung der Regel „Diese Seite“.

Die dritte Seitenregel arbeitet innerhalb des wp-content-Ordners und speichert alles innerhalb des wp-content-Ordners und der Browser-Cache verfällt TTL ist die Zeit, zu der Cloudflare den Browser eines Besuchers anweist, eine Ressource zwischenzuspeichern.

Bis die Zeit abgelaufen ist, lädt der Browser die Ressourcen aus dem lokalen Cache und hilft so, die Website zu beschleunigen.

Und die Edge-Cache-TTL ist eine Einstellung, die steuert, wie lange die Cloudflare-Server eine Ressource zwischenspeichern, bevor sie die neue Kopie anfordern.

Wenn Sie dieselben Einstellungen auf Ihrer Website mit Cloudflare implementiert haben, gibt es viele Chancen, dass Ihre Website mit GTmetrix und anderen Tools zum Testen der Seitengeschwindigkeit gut abschneidet.

Und bis jetzt haben wir nur ein CDN geteilt, um die Gesamtleistung unserer Website zu verbessern. Jetzt teilen wir einige weitere CDN, die mit Cloudflare CDN zusammenarbeiten können.

4.2 Verwenden Sie ImageKit für die Bildoptimierung

Jetzt werden wir ImageKit verwenden, um unsere Bilder in Echtzeit zu optimieren. Es ist eines der Echtzeit-Bildoptimierungs- und -transformations-CDN-Netzwerke, das der Website hilft, die tatsächliche Größe der Fotos zu reduzieren, ohne die sichtbare visuelle Qualität des Bildes zu beeinträchtigen.

Eines der besten Dinge, die mir an diesem CDN am besten gefallen haben, ist die schnelle Integration mit der Anwendung wie WordPress. Es bietet angemessene Preise und ich habe festgestellt, dass es eine weitaus bessere Option für eine bessere Bildoptimierung ist.

ImageKit bietet drei Arten von Preisen für CDN, und Sie können sie entsprechend den Anforderungen Ihrer Website auswählen (ich verwende den Forever Free Plan auf meiner Website).

Sobald Sie die Preise ausgewählt und sich auf ihrer Plattform registriert haben, müssen Sie einen Endpunkt erstellen. Sobald Sie den Endpunkt erstellt haben, erhalten Sie die CDN-URL (überprüfen Sie das Bild unten).

Wie Sie sehen können, habe ich eine Webserver- basierte CDN-URL für den TheGuideX- Domänennamen erstellt. Meine CDN-URL ist https://ik.imagekit.io/tgx/

Sobald wir die ImageKit-URL erhalten haben, müssen wir sie auf unserer WordPress-Website aktivieren. Dazu müssen wir die WP Rocket CDN-Einstellung öffnen, indem wir das WordPress Admin Panel > Einstellungen > WP Rocket > CDN besuchen,

Sobald wir auf der CDN-Seite sind, müssen wir das CDN für unsere Website aktivieren und dann in das Feld die URL von ImageKit eingeben und bei der Einstellung „ Reservieren für“ auf Bilder ändern.

Sobald Sie dies getan haben, schreibt WP Rocket nur die URL der Bilder vom Namen https://theguidex.com in https://ik.imagekit.io/tgx um. Ihre Bilder werden also in Echtzeit von der CDN-URL geladen.

Sobald Sie diese Änderungen vorgenommen haben, werden wir jetzt einige Optimierungen in ImageKit vornehmen, um eine bessere Komprimierung und Bildbereitstellung zu erreichen.

Und für diese Optimierungen melden wir uns erneut beim ImageKit-Dashboard an und klicken dann auf die Bildeinstellungen .

Sobald Sie sich auf der Seite „ Bildeinstellungen “ befinden, können Sie die Einstellungen an Ihre Bedürfnisse anpassen.

Wie Sie sehen können, habe ich hier „ Use Best Format for Image Delivery“ aktiviert und die Image Quality auf 70 % gesetzt.

Wenn Sie möchten, können Sie auch die Einstellungen für Data Saver aktivieren. Wenn ein Benutzer Ihrer Website den Datensparmodus in seinem Browser verwendet, verwendet ImageKit verschiedene Methoden, einschließlich Qualitätsreduzierung und keine automatische DPR-Unterstützung, wodurch die Bilder leichter und schneller geladen werden.

Und neben den Optimierungseinstellungen erhalten Sie eine Option zur Netzwerkoptimierung. In den Netzwerkoptimierungseinstellungen erhalten Sie eine Option, um die Qualität von Bildern gemäß dem Netzwerktyp der Benutzer bereitzustellen.

Meistens verwenden die Leute 4G-Geräte. Untersuchen Sie Ihre Analysen genau, um mehr über den Netzwerktyp zu erfahren. Wenn Sie feststellen, dass Benutzer das langsamere Netzwerk verwenden, um auf Ihre Website zuzugreifen, können Sie die Bildübermittlungsqualität von hier aus manuell einstellen.

Dies sind also die wichtigsten Einstellungen für ImageKit , aber Sie können viel mehr Einstellungen auf der Seite "Bildeinstellungen" vornehmen.

Diese Einstellungen können das manuelle Einstellen der Bildhöhe und -breite für mobile und Desktop-Geräte, das Speichern einer Kopie Ihrer Bilder usw. umfassen, aber wir werden diese Einstellungen in diesem Beitrag nicht besprechen, und sie sind für uns nutzlos.

Jetzt kommen wir zum dritten Teil der Verwendung eines CDN auf unserer Website. Und in diesem Schritt zeigen wir Ihnen, wie Sie Cloudfront auf unserer Website für JS & CSS implementieren und verwenden.

4.3 Verwenden Sie Amazon Cloudfront für JS und CSS

Wie Sie wissen, ist Amazon CloudFront eines der beliebtesten CDNs, die Sie jemals erhalten haben, und die größten Websites der Welt verlassen sich auf den Amazon CloudFront CDN-Service.

Sie haben 61 Server auf der ganzen Welt im Einsatz, die in der Lage sind, die Bilder der Websites an bestimmten Standorten schneller zu übertragen und bereitzustellen.

Klicken Sie zunächst auf „Erste Schritte mit Amazon Cloudfront“ und registrieren Sie sich auf ihrer Website mit Ihrer bestehenden Amazon-ID, oder Sie können auch eine neue E-Mail-ID verwenden, um sich auf ihrer Plattform zu registrieren.

Nachdem Sie sich beim Amazon AWS-Konto angemeldet haben, suchen Sie nach Cloudfront (Sie können auch hier klicken, um die Cloudfront-Seite direkt zu besuchen) und klicken Sie dann auf „ Create Distribution“ und wählen Sie dann die Web-Property aus und klicken Sie auf „ Loslegen“.

Geben Sie unter Ursprungsdomänenname Ihren Domänennamen ein. In diesem Fall lautet mein Domainname https://theguidex.com, also gebe ich theguidex.com ein (ohne www oder https).

Daneben müssen Sie den Ursprungspfad eingeben, den Pfad zu Ihrem wp-content-Ordner eingeben und dann TLSv1 im SSL-Protokoll auswählen und „ Match Viewer“ im Ursprungsprotokoll auswählen.

Scrollen Sie nun nach unten zu den „ Distribution Settings“ und wählen Sie dann in der Preisklasse „ Use All Edge Locations“ und stellen Sie die Standard-CloudFront-SSL-Einstellungen ein.

Sie können auch die unterstützte HTTP-Version festlegen und auf „HTTP/2, HTTP/1.1, HTTP/1.0“ ändern. Wenn Sie diese Einstellungen vorgenommen haben, klicken Sie auf „ Verteilung erstellen“.

Gehen Sie erneut zur Cloudfront-Verteilungsseite und überprüfen Sie, ob Ihre Verteilung ordnungsgemäß aktiviert ist (dies wird im grünen Farbtext unter dem Statusabschnitt angezeigt).

Sobald es aktiviert ist, klicken Sie auf die ID Ihrer Ursprungsdomäne.

Wenn Sie auf die Distributions-ID klicken, wird eine ähnliche Seite geöffnet, die ich im obigen Bild gezeigt habe. Kopieren Sie den Domainnamen (im roten Feld angezeigt) und fügen Sie ihn in den CDN-Bereich von WP Rocket ein.

Nachdem Sie den Domainnamen in WP Rocket eingefügt haben, wählen Sie reserviert für bis => „ Javascript/CSS “.

Jetzt haben Sie AWS Cloudfront erfolgreich auf Ihrem Domänennamen eingerichtet.

Diese Einstellungen reichen aus, damit Ihre Website ihre Leistung in Google PageSpeed ​​Insight, GTmetrix und Pingdom steigern kann. Sie können jetzt ein sofortiges Wachstum der Leistung Ihrer Website sehen.

Wenn Sie sich dennoch nicht sicher sind, wie Sie die Geschwindigkeit Ihrer Website erhöhen können, oder wenn Sie einen Service zur Optimierung der Website-Geschwindigkeit benötigen, können Sie mich unter [email protected] email erreichen.

Bis jetzt haben wir fast alle möglichen Dinge getan, um unsere Website-Geschwindigkeit zu optimieren – aber wenn Sie ein fortgeschrittener Benutzer sind, dann teile ich einige weitere Methoden, die Ihnen helfen werden, Ihre Website-Geschwindigkeit zu erhöhen.

Aber wenn Sie ein Anfänger sind oder keine technischen Kenntnisse haben, dann würde ich Ihnen empfehlen, sich an Ihren Hosting-Support zu wenden, um solche Dinge zu verwalten.

Feinabstimmung von WordPress für Geschwindigkeit (Fortgeschrittene)

In dieser Methode zur Feinabstimmung der WordPress-Geschwindigkeitsoptimierung teilen wir einige fortgeschrittene Tipps, die erstaunlich gut funktionieren, um die Geschwindigkeit Ihrer Website zu optimieren.

1. Verwenden Sie die neueste PHP-Version

Die erste Methode zur Optimierung Ihrer Website ist also die Verwendung der neuesten PHP-Version. Das neuere PHP 7 ist doppelt so schnell wie seine Vorgänger. Das ist ein enormer Leistungsschub, den Ihre Website nutzen muss.

Warum die neueste Version von PHP verwenden?

Wenn Sie nicht wissen, warum Sie die neueste Version von PHP auf Ihrer Website verwenden sollen, dann ist hier die Antwort: WordPress ist hauptsächlich in der Sprache PHP geschrieben, und PHP ist eine serverseitige Sprache.

Wenn Sie also die neueste PHP-Version auf Ihrer Website verwenden, können Sie die Leistung Ihrer Website steigern. Die neueste und stabile Version von PHP ist v7.4; Ich verwende sogar diese Version von PHP auf dieser Website.

2. Post-Revisionen begrenzen

Manchmal vergessen wir, unsere Datenbank mit Plugins wie WP-Optimize zu optimieren, und wie ich oben erwähnt habe, hat es beim Schreiben dieses Beitrags mehr als 40+ Revisionen in meiner Datenbank gespeichert.

Manchmal kann das automatische Speichern so vieler Revisionen die Leistung Ihrer Website auf das schlechteste Niveau senken. Sie können die Anzahl der Überarbeitungen, die WordPress für jeden Artikel behält, einfach begrenzen.

Füge diese Codezeile zu deiner wp-config.php-Datei hinzu.

 define( 'WP_POST_REVISIONS', 4 );

3. Deaktivieren Sie Hotlinking und Leeching Ihrer Inhalte

Wenn wir hochwertige Inhalte auf unserer Website erstellen, werden diese manchmal durch die Verwendung von RSS gestohlen, und manchmal stellen andere Websites Ihre Bilder direkt von ihren URLs auf Ihrer Website bereit, anstatt sie auf ihre eigenen Server hochzuladen.

Auf diese Weise schadet es Ihrer Website, weil sie die Bandbreite Ihrer Website gestohlen haben, und Sie haben keinen Nutzen daraus.

In diesem Fall müssen wir also den .htaccess-Code verwenden, um das Hotlinking von Bildern zu blockieren, um Ihre Website-Ressourcen und Bandbreite zu sparen. Der Code lautet wie folgt;

 # Hotlinking von Bildern mit verbotenen oder benutzerdefinierten Bildoptionen deaktivieren
RewriteEngine an
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?theguidex.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L] 

Hinweis: Vergessen Sie nicht, theguidex.com durch Ihren eigenen Domainnamen zu ersetzen.

Sie können den RSS-Feed auch deaktivieren, wenn Sie ihn nicht auf Ihrer Website verwenden.

4. Verwenden Sie eine Website-Firewall auf DNS-Ebene

Ein weiterer wichtiger Faktor für die Geschwindigkeitsoptimierung ist die Verwendung einer Website-Firewall auf DNS-Ebene. Wenn Sie sich erinnern, habe ich auf theguidex.com/wp-login.php eine Cloudflare-Seitenregel erstellt, um die Sicherheit meiner Anmeldeseite zu erhöhen.

Nun, ich verwende auch die Premium-Version von Wordfence auf meiner Website. Es ist ein fantastisches Plugin und es hilft, Bedrohungen und Brute-Force-Angriffe in Echtzeit zu blockieren, aber keine Zweifel; Es ist ein umfangreiches Plugin, und es erfordert viele meiner Website-Ressourcen, um Bedrohungen zu bekämpfen.

Und um eine hohe Auslastung der CPU-Ressourcen zu verhindern, verwende ich auf meiner Website Website-Firewalls auf DNS-Ebene. Stellen Sie also sicher, dass Sie Firewalls auf DNS-Ebene verwenden, um die Leistung Ihrer Website zu verbessern und Bedrohungen auf DNS-Ebene zu stoppen.

5. Reduzieren Sie Datenbankaufrufe

Dieser Schritt ist etwas komplexer und erfordert technisches Wissen, um die Datenbankaufrufe Ihres Designs zu reduzieren. Es gibt viele schlecht codierte Themes, die nicht den WordPress-Richtlinien folgen und zu viele unnötige Aufrufe an eine Datenbank senden.

Diese Themen können Ihre Website verlangsamen und reduzieren, die Datenbankaufrufe verringern und die Gesamtleistung Ihrer Website steigern.

Sogar einige der sauber codierten und gut optimierten Themen führen unnötige Datenbankaufrufe durch, um grundlegende Informationen aus der Datenbank zu erhalten. Erstellen Sie also ein untergeordnetes Thema und fügen Sie diese grundlegenden Informationen statisch hinzu, um die Anzahl der Datenbankaufrufe zu reduzieren.

6. Teilen Sie Kommentare in Seiten auf

Wenn Sie viele Kommentare zu Ihrem Blog erhalten, dann erst einmal herzlichen Glückwunsch! Das ist ein großartiges Zeichen für den Aufbau eines großartigen Publikums.

Aber der Nachteil ist, dass das Laden eines Beitrags mit allen Kommentaren die Geschwindigkeit verlangsamen kann.

In diesem Fall können Sie Kommentare auf verschiedene Seiten aufteilen, um die Geschwindigkeit Ihrer Webseiten weiter zu verbessern. Der Vorgang ist einfach, gehen Sie einfach zu Einstellungen » Diskussion und aktivieren Sie das Kontrollkästchen neben der Option „ Kommentare in Seiten aufteilen“.

7. Überprüfung der GZIP-Komprimierung

Die GZIP-Komprimierung ist ein weiterer entscheidender Faktor zur Erhöhung der Geschwindigkeit einer Website. Wenn Sie das WP-Rocket-Plug-in auf Ihrer Website verwenden, wird es automatisch für Sie aktiviert.

Die GZIP-Komprimierung ist serverseitig aktiviert und hilft bei der Komprimierung der Größe von HTML-, JS- und CSS-Dateien. Es funktioniert nicht bei Bildern, da diese bereits auf andere Weise komprimiert sind.

Sie können einige Tools wie Check GZIP Compression verwenden, um zu überprüfen, ob Ihre Website GZIP verwendet oder nicht.

Wenn Ihre Website GZIP nicht verwendet, können Sie diesen Code in Ihrer .htaccess-Datei verwenden, um GZIP auf Ihrer Website zu aktivieren – aber stellen Sie sicher, dass Sie einen Apache-Server auf Ihrer Website verwenden, bevor Sie diesen Code verwenden.

 # HTML, CSS, JavaScript, Text, XML und Schriftarten komprimieren
  AddOutputFilterByType Anwendung/Javascript DEFLATE
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType Anwendung/x-font DEFLATE
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType Schriftart/OpenType DEFLATE
  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

  # Browserfehler entfernen (wird nur für wirklich alte Browser benötigt)
  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

8. Verwenden Sie Prefetching

Das Vorabrufen von Ressourcen ist eine weitere großartige Optimierungstechnik, um die Leistung Ihrer Website zu steigern. Wir können es verwenden, um dem Browser mitzuteilen, welche Assets der Benutzer möglicherweise in Zukunft benötigt – bevor er sie überhaupt benötigt.

Als Entwickler kennen wir die Anwendungen besser als der Browser. Wir verwenden diese Informationen also, um den Browser über die Kernressourcen zu informieren.

Zum Beispiel,

 < link rel = " prefetch " href = " image.png " >

9. Reduzieren Sie die Verwendung von Webfonts

Um einen Text einprägsamer zu machen, verwenden wir manchmal mehrere Webfonts – Der größte Nachteil der Verwendung zu vieler Webfonts besteht jedoch darin, dass die Darstellungszeit der Seite verlängert wird. Dadurch wird auch eine zusätzliche HTTP-Anfrage zu externen Ressourcen hinzugefügt. Und im Allgemeinen möchten Sie HTTP-Anfragen auf ein Minimum beschränken.

Wie Sie im obigen Bild sehen können, verwende ich auf meiner Website nur vier Webfonts, die ich tatsächlich benötige. Sie sollten auch sicherstellen müssen, dass Ihr Blog nicht unzählige unnötige Webfonts verwendet, um die Renderzeit Ihrer Seite zu verkürzen.

Jetzt bist du dran

Unter den verschiedenen Möglichkeiten zur Optimierung Ihrer WordPress-Blogs habe ich einige Optimierungstechniken geteilt, die ich persönlich auf meiner eigenen Website zur Geschwindigkeitsoptimierung verwende. Diese Methoden sind einfach und leicht zu implementieren.

Und jetzt ist es an der Zeit, eine Stunde in die Verbesserung der Geschwindigkeit Ihrer WordPress-Website zu investieren.

Und vertrauen Sie mir, wenn Sie Ihren Blog sorgfältig mit diesen Methoden optimieren, wird die Leistung Ihrer Websites gesteigert und die Gesamtladezeit der Website verbessert.

Ich hoffe, dieser Artikel gibt Ihnen eine klare Erläuterung einiger der effizienten Möglichkeiten, die Geschwindigkeit Ihres WordPress-Blogs zu erhöhen, und wenn Sie diesen Artikel hilfreich fanden, lassen Sie es uns im Kommentarbereich wissen. Und wenn Sie eine andere Methode zur Optimierung Ihrer Website verwenden, lassen Sie es mich im Kommentarbereich unten wissen.