Nach unserem Redesign, WPBv4, haben wir einige Zeit mit der Leistungsoptimierung verbracht (es bleibt noch einiges zu tun). Nachdem wir einige Optimierungen vorgenommen hatten, sahen wir eine erhebliche Leistungsverbesserung auf der Website. Es war auffällig genug, dass unsere Benutzer uns per E-Mail danach fragten. Wir haben Ihre Anfragen gehört und werden in Kürze eine vollständige Anleitung zu unseren Maßnahmen zur Beschleunigung unserer Website veröffentlichen. Obwohl wir in unserem Tutorial zu W3 Total Cache die Installation von MaxCDN behandelt hatten, haben wir seitdem einige zusätzliche Änderungen vorgenommen. In diesem Artikel zeigen wir Ihnen, wie Sie MaxCDN in WordPress installieren und einrichten.
Hier ist die E-Mail, die wir von einem unserer Benutzer erhalten haben:
„… der Hauptgrund, warum ich Sie kontaktiere, ist die Frage nach der Geschwindigkeit der Website. Wie in aller Welt schaffen Sie es, Ihre Site so schnell zu beschleunigen? Die Geschwindigkeit ist der Wahnsinn und ich habe es einfach geliebt.“
Wir haben zahlreiche Tests mit einer Website namens . durchgeführt Pingdom. Die schnellste Ladezeit unserer Homepage betrug gerade einmal 483ms. Wir haben den Test mehrmals durchgeführt (verschiedene Stunden und Rechenzentren). Unser Ladezeitbereich auf der Homepage war 483ms – 1,7s. Unten ist einer der Screenshots:
Es wurde viel in die Performance-Optimierung gesteckt (HTTP-Abfragen reduzieren wie Skripte nur dann laden, wenn sie benötigt werden, Skripte und Stylesheets kombinieren, Bilder optimieren usw.). Aber eine der Hauptkomponenten, die das Laden unserer Website schnell macht und uns vor dem Absturz bewahrt, ist ein großartiges WordPress-CDN. Wir verwenden MaxCDN, und Sie können unseren MaxCDN-Überblick in unserem Blueprint-Abschnitt finden, in dem wir erklären, warum wir MaxCDN verwenden. Wenn Sie nicht wissen, was ein CDN ist oder warum Sie ein CDN benötigen, sollten Sie sich die Infografik „What the Heck is a CDN“ ansehen.
Um diesem Tutorial folgen zu können, MÜSSEN Sie ein MaxCDN-Konto haben. Es ist sehr günstig und sein Geld wert. Wenn Sie noch kein Konto haben, können Sie sich jetzt anmelden. Mit unserem MaxCDN-Gutschein „wpbeginner“ erhalten Sie 25 % Rabatt.
Videoanleitung
Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.
Sobald Sie Ihr Konto bei MaxCDN erstellt haben, müssen Sie dieses kostenlose WordPress-Plugin namens W3 Total Cache installieren.
Als erstes müssen Sie sich bei Ihrem MaxCDN-Konto anmelden und eine „Pull Zone“ erstellen. Klicken Sie dazu auf die Schaltfläche Zonen verwalten und dann auf das Symbol „Pullzone erstellen“.
Auf der nächsten Seite werden Sie aufgefordert, die Details für Ihre neue Pull-Zone einzugeben.
- Pull Zone Name: Dies kann alles ohne Leerzeichen sein, mindestens 3 Zeichen lang. Betrachten Sie dies als Ihren Benutzernamen.
- Origin Server URL: Geben Sie die URL Ihres WordPress-Blogs ein. Muss „http://“ und den abschließenden Schrägstrich (/) enthalten.
- Benutzerdefinierte CDN-Domain: Verwenden Sie eine beliebige Subdomain, zum Beispiel: cdn.wpbeginner.com
- Label: Dies ist wie ein Beschreibungsfeld. Es ist optional, eine Beschreibung hinzuzufügen.
- Komprimierung: Wir empfehlen, dass Sie dies aktivieren, da dies die Bandbreitennutzung Ihres Kontos spart.
Sobald Sie auf Erstellen klicken, wird ein Erfolgsbildschirm angezeigt. In diesem grünen Feld haben Sie eine URL für Ihr CDN. Es sieht etwa so aus wie „wpb.wpbeginner.netdna-cdn.com“. Lassen Sie uns diese URL kopieren und in Ihrem Notizblock speichern. Wir müssen es in späteren Schritten verwenden. Wenn Sie zu Ihrem Dashboard gehen, sehen Sie nun die Zone, die Sie erstellt haben. Klicken Sie auf das Symbol „Verwalten“.
Als nächstes müssen Sie auf die Registerkarte „Einstellungen“ klicken und sich die benutzerdefinierten Domänen ansehen.
Das Ziel hier besteht darin, mehrere Subdomains (CNAMEs) hinzuzufügen, damit wir die Pipelining-Leistung im Browser verbessern können. Klicken Sie dazu auf die Schaltfläche zum Bearbeiten von benutzerdefinierten Domänen und fügen Sie einfach mehrere benutzerdefinierte Domänen hinzu.
Nachdem Sie die benutzerdefinierten Subdomains hinzugefügt haben, klicken Sie einfach auf Aktualisieren. Stellen Sie in den Komprimierungseinstellungen sicher, dass Sie die GZip-Komprimierung aktivieren.
Nachdem Sie Ihre Pull-Zone konfiguriert haben, nehmen Sie die lange CDN-URL, die Sie in den vorherigen Schritten erhalten haben und die wie folgt aussah: „wpb.wpbeginner.netdna-cdn.com“. Wir benötigen dies, um CNAME-Einträge festzulegen. Wir zeigen Ihnen, wie Sie den CNAME-Eintrag mit cPanel erstellen. Die meisten WordPress-Hosting-Anbieter verwenden cPanel. Melden Sie sich bei Ihrem cPanel an, scrollen Sie dann nach unten zum Abschnitt Domains und klicken Sie auf Einfacher DNS-Zonen-Editor.
Auf dieser Seite müssen Sie die Felder zum Hinzufügen eines CNAME-Eintrags ausfüllen. Die beiden Werte, die Sie ausfüllen müssen, sind: Name und CNAME.
- Name: Dies ist der Name Ihrer benutzerdefinierten CDN-Domain. Unsere benutzerdefinierte CDN-Domain ist beispielsweise cdn.wpbeginner.com, also geben wir „cdn“ in unser Namensfeld ein.
- CNAME: Diese URL wird Ihnen von MaxCDN beim Erstellen der Pull-Zone bereitgestellt. Beispiel: „wpb.wpbeginner.netdna-cdn.com“.
Beispiel-Screenshot:
Wiederholen Sie diesen Vorgang für alle benutzerdefinierten Domänen, die Sie hinzufügen möchten. Der CNAME-Wert ist derselbe. Alles, was Sie ändern, ist der Name wie „cdn“, „cdn2“ usw. Das Hinzufügen der CNAME-Methode kann anders sein, wenn Sie einen Nicht-cPanel-Host haben.
Nachdem Sie MaxCDN konfiguriert haben, können Sie es in WordPress integrieren. Wir müssen das W3 Total Cache-Plugin verwenden. Installieren und aktivieren Sie das Plugin. Wenn Sie auf dem Bildschirm Allgemein nach unten scrollen, sehen Sie das CDN-Feld. Aktivieren Sie CDN und wählen Sie die Option NetDNA/MaxCDN.
Speichern Sie die Einstellungen. Jetzt müssen Sie in W3 Total Cache zum CDN-Menü gehen, um MaxCDN mit WordPress zu konfigurieren. Auf dieser Seite werden Sie aufgefordert, Ihre API-ID, Ihren API-Schlüssel und Ihre benutzerdefinierten Domänennamen einzugeben.
Sie können Ihre API-ID und Ihren Schlüssel von Ihrem MaxCDN-Dashboard abrufen. Wenn Sie Konto verwalten » API aufrufen. Klicken Sie auf Schlüssel hinzufügen und erstellen Sie Ihren Schlüssel.
Sobald Sie den W3 Total Cache-Teil konfiguriert haben, können Sie loslegen. Sie können auf die Schaltfläche NetDNA testen klicken, und Sie sollten den Test bestanden haben.
Möchten Sie Ihr WordPress beschleunigen? Dann empfehlen wir Ihnen, einen CDN-Dienst wie MaxCDN zu verwenden. Verwenden Sie den MaxCDN-Gutschein „wpanfänger“ um 25 % Rabatt zu bekommen.