Obwohl ich ziemlich zufrieden mit der Leistung meiner Azure betriebenen Wordpress-Blog bin ich war auf der Suche nach Möglichkeiten, um es noch besser zu machen. Ich verwende ClearDB jetzt wieder, dass sie das, was ein wenig mehr Spielraum in Bezug auf die Lagerung und Leistung zu einem erschwinglichen Preis bietet. Vor kurzem habe ich zwei weitere Verbesserungen vorgenommen, die ich mit sehr glücklich bin.

Caching

Die offensichtliche Wahl, wenn Sie Ihre Website schneller machen wollen, ist das Caching zu verwenden. Nach einigen Empfehlungen von Freunden verwende ich das Plugin. Es hat eine schöne und klare Schnittstelle und bietet mir alle Optionen Ich will - ich grundsätzlich alle empfohlenen Optionen geprüft. Darüber hinaus ermöglichte ich auf einen Zeitplan alle meine Seiten Vorbelastung.

Standardmäßig werden Ihre Seiten nicht im Cache gespeichert, wenn Sie mit einem Benutzer angemeldet sind so sicher sein, Caching-Verhalten in einer InPrivate / Incognito-Fenster zu testen. Ich kann auf jeden Fall den Unterschied sehen, und ich empfehle WP Super-Cache hoch. Es kommt auch mit einem Bonus: Sie können es verwenden, ein Content Delivery Network (CDN) zu konfigurieren.

Content Delivery Network

um für bereits eine lange Zeit gewesen. Aber sie waren nicht in der Regel erschwinglich für die durchschnittliche Person mit einer Website. Wenn Sie ein Azure-Abonnement haben, können Sie Azure CDN jetzt aktivieren.

Wenn Ihr CDN zu schaffen, müssen Sie einen Namen, einen Ort ein (Westeuropa für mich), eine Ressourcengruppe und eine Preisstufe. Ich ging für die Premium-Reihe, und ich bin froh, dass ich - mehr dazu weiter in diesem Beitrag.

Nach dem CDN erstellt wurde, sollten Sie einen Endpunkt hinzufügen. In meinem Fall habe ich einen Endpunkt für meinen Blog Hostnamen erstellt thomasvochten.com auf Standard-Ports 80 und 443. Weil ich Dinge wie den ganzen Weg hinunter gebrandmarkt werden, registriert ich eine benutzerdefinierte Domain auch so, dass alle meine Site-Assets durch ein zur Verfügung stehen würde schön url genannt: cdn.thomasvochten.com. Sie können auch eine benutzerdefinierte Domain zu Ihrem CDN durch die Verwaltungsseiten im Azure-Portal hinzufügen. Geben Sie einfach ihnen einen Hostnamen, und sie werden Ihnen sagen, zu welchem ​​Hostname Sie Ihre DNS-Alias ​​zeigen sollte. Ich ging schnell auf meine DNS-Hoster (Affiliate-Link), um den Hostnamen zu erstellen.

Dann beginnt das Warten. Azure werden alle Ihre Site-Assets an das CDN kopieren. Seien Sie geduldig, da dies einige Stunden dauern kann, fast 24 Stunden in meinem Fall. Nachdem das erledigt ist können Sie Ihre Website von Ihrem CDN URL oder den benutzerdefinierten Domain zugreifen Sie angegeben haben. Werfen Sie einen Blick auf, um zu sehen, wie das für mich aussieht.

Sie werden Ihre Website zu sehen, aber alle Vermögenswerte werden über Server serviert, die in der Nähe sind, wo Sie in der Welt sind. Mein Wordpress-Blog läuft vom Rechenzentrum aus Dublin, aber wenn Sie in den USA zum Beispiel sind, werden Sie meine Inhalte von Servern dort bekommen. Sehr gepflegt!

Der nächste Schritt ist mein Wordpress-Seite zu sagen, dass ich ein CDN verwendet werden soll. Das kann auch durch die WP Super-Cache-Plugin durchgeführt werden. Geben Sie dazu einfach die notwendigen Details und du bist gut zu gehen:

Wenn Sie Ihre Website besuchen jetzt werden Sie feststellen, dass jedes Bild (und einige andere Dateien) werden vom CDN bedient werden:

Spaß mit CORS und die Rules Engine

Ich Eines der ersten Dinge bemerkt, nachdem ich all diese Option aktiviert ist, dass einige meiner Symbole auf meiner Website nicht mehr machen habe. Ein kurzer Blick in die Chrome-Entwickler-Tools ergeben, dass sie eigentlich Webfonts. Moderne Browser werden immer intelligenter und smarter und auch ganz besonders über die Sicherheit. (CORS) ist eines dieser Merkmale: "CORS ist ein Mechanismus, der begrenzten Ressourcen ermöglicht (zum Beispiel Schriften) auf einer Webseite von einer anderen Domäne außerhalb der Domäne angefordert werden, von dem die Ressource stammt" (aus Wikipedia).

Dies war der typische Fehler, die ich habe:

"Font von Ursprung" wurde von Belastung durch Cross-Origin Resource Sharing Politik blockiert: Nein "Access-Control-Allow-Origin-Header ist auf die angeforderte Ressource. Origin "ist daher nicht der Zugriff erlaubt."

Und das ist, wie das aussieht:

Wenn Sie Inhalte über Ihre eigene Website serviert werden, können Sie leicht einige web.config Änderungen oder ähnliche Konfigurationsänderungen vornehmen, um diese Arbeit zu machen. Aber wenn Sie die Azure CDN verwenden, können Sie nicht nur das tun, natürlich. Aber wenn Sie die Premium-Level verwenden ist ein leistungsfähiges Werkzeug zur Verfügung: die Rules Engine.

Sie können die Rules Engine starten, indem Sie auf die Schaltfläche in Ihrem CDN-Übersichtsseite verwalten drücken:

Die Management-Seiten bieten alle Arten von interessanten Berichten und Statistiken, wie Sie Ihre CDN tut. Die Rules Engine kann über die obere Menüleiste geöffnet werden.

Damit CORS Sie eine neue Regel erstellen, und Mine sieht wie folgt aus:

Dies teilt Azure CDN die Access-Control-Allow-Origin-Header auf jede Anfrage anhängen, die von meiner Domain kommt thomasvochten.com so dass der Browser es ist sicher und erlaubt kennt die notwendigen Ressourcen anzuzeigen.

Wenn Sie eine Regel erstellen oder zu bearbeiten, wird es einige Zeit dauern, bis sie aktiv zu werden, damit wieder etwas Geduld. Wenn alles gut geht, werden Sie die richtige Antwort bekommen. Sie können doppelt überprüfen Entwickler-Tools von Ihrem Browser betrachten:

Die Symbole werden Rendering jetzt ganz gut:

Nur eine letzte Warnung, dass, wenn Sie Caching auf Ihrer Website aktiviert zuerst mit Ihrem Test Bemühungen stören könnten. Da alles nun im Cache gespeichert ist, können Sie nicht alle Änderungen sofort sehen. Sie können vorübergehend deaktivieren Caching, während Sie mit dem Regel-Engine experimentieren.