WordPress schneller machen Teil II
Kurz gesagt, wenn jQuery nicht vom eigenen Server geladen wird wird WordPress schneller! Nein ich will nicht WordPress einen Hack verpassen. Ich hatte schon beschrieben, wie man eine Webseite optimieren kann bzgl. Geschwindigkeit. Dann hatte ich beschrieben, wie man, wenn man Bilder und die CSS-Datei… auslagert, WordPress schneller machen kann. Nun will ich noch mehr auslagern und zwar richtig professional!
WordPress braucht doch jQuery, oder?
Ich nehme WordPress nicht jQuery weg! Mein zweiter Artikel bzgl. Auslagerung von Dateien baute auf der Idee auf dem Browser des Besuchers das gleichzeitige Laden von Dateien zu ermöglichen, d.h. die html-Datei sowie weitere Dateien werden vom eigenen Server bereit gestellt und größere Brocken wie die Headergrafik oder die CSS-Datei werden über eine zweite Adresse oder gar einen anderen Server geladen.
WordPress lädt eine dicke Datei bei jedem Seitenaufruf und zwar die jQuery-Bibliothek (~55 kByte). Da WordPress die JavaScript-Bibliothek braucht kann man sie nicht einfach entfernen, aber Google bietet per CDN (content distribution network) viele jQuery-Versionen an. Was bietet sich also mehr an als
- den eigenen Server zu entlasten und
- die Möglichkeit zu schaffen, dass die Datei beim Besucher, aufgrund des Besuchs einer anderen Webseite, vielleicht im Browsercache des Besuchers liegt…
Was wir brauchen…
.. ist ein WordPress-Plugin, das automatisch den jQuery-Aufruf ändert, der ja nicht im Theme änderbar ist, und auf die Adresse des Google CDN ändert. Dieses Plugin heißt Use Google Libraries. Nach der Installation wird jQuery über Google geladen und Wordpress schneller! Versprochen.
Dass die jQuery-Bibliothek bei jedem Aufruf geladen wird, stimmt aber so nicht. Denn die Browser cachen JavaScript-Dateien und laden diese nur bei Änderungen neu.
# 1 01.3.10 07:41
Das weiß ich und auch andere Dateien werden zwischen gespeichert wenn der Webserver richtig eingestellt ist, aber beim ersten Besuch einer Webseite wird die jQuery jedes mal neu geladen.
# 2 01.3.10 09:13
Guten Tag ;-)
Über das Thema hab ich in den vergangenen Wochen auch einiges geschrieben. Nun, das ausgelagerte jQuery muss den Blog nicht unbedingt schneller machen, wenn man es beispielsweise mit anderen Frameworks kombiniert und zusammen aufruft.
Außerdem benötigt man nicht zwingend ein Plugin, um dieses allmächtige jQuery durch Wordpress alternativ zu laden. Ein kleiner Eingriff in die functions.php reicht da vollkommen aus ;-)
# 3 08.3.10 16:36
Hmm, Plugin aktiviert und siehe da, googleapiblablub erscheint im Quelltext, aber darunter ist noch meine lokale Version, muss die noch irgendwo ausgeklammert werden oder ist das nur die alternative falls Google mal in 0000,00001% aller Fälle nicht erreichbar sein sollte? :-/
# 4 10.4.10 09:06
In Header.php ausklammern
jquery ist mehr für das backend,also für dich,als für das frontend wichtig
# 5 10.4.10 09:17
Sorry,
jetzt mach ich an dieser Stelle doch mal Eigenwerbung. Du kannst den Link auch gerne wieder löschen.
Schau dir doch mal diesen Beitrag an. Da ist beschrieben, wie du nur eine jQuery lädst – z.B. von der Google Cloud. Vollkommen ohne Plugin: http://www.plerzelwupp.de/6-javascript-tipps-fuer-deinen-blog/
Dort ist beschrieben, wie du jQuery des Blogs deregistrierst und alternativ aufrufst. Es muss ja nicht gleich im Footer sein ;-)
# 6 10.4.10 11:02
Hm die Zeile ist gerade “von selbst” verschwunden, hat wohl gemerkt dass sie besseren Ersatz bekommen hat, dange! :)
# 7 10.4.10 11:57