Neu Performancesteigerung durch Preloader Plugin

[Xantiva]

Hallo zusammen,

Felix Moche hat auf der JTL-Connect 2017 einen Vortrag über Performanceoptimierungen für den JTL-Shop 4 gehalten. Dort hat er unter anderem ein neues Plugin von JTL vorgestellt:

Preloader

Ihr findet es im Gitlab: https://gitlab.jtl-software.de/jtlshop/preloader

Was bewirkt der Preloader?

Beim Aufruf der Webseite können jetzt im Response-Header Angaben für das Link prefetching gemacht werden. Bedeutet, der Brower weiß - ohne das HTML parsen zu müssen - welche weiteren Dateien er sofort parallel anfordern sollte (zusammen mit aktiviertem http/2), damit der nachfolgende Seitenaufbau schneller wird.



Die Angabe wird aber nur 1x, beim ersten Aufruf der Seite gemacht. Danach sollten (bei korrekt konfiguriertem Browser Caching) die Dateien sofort aus dem Cache geladen werden.

Ich habe das Plugin auf meinen Shopserver geladen und eingerichtet - läuft!

https://www.basteln-selbermachen.de/



Danke!

 

[Japsa]

Interessant, aber wie installiert man es fehlerfrei oder könnte mir es Jemand installieren?
Ich bin leider nicht so fit in sowas.

Danke & Gruß Dirk

 

[beautyloungeplattling]

das würde mir auch sehr weiterhelfen. wie kann man denn da das zip file runterladen?

 

[ag-websolutions.de]

Hier

 

[Japsa]

Gibts eine Anleitung, wie man es genau fehlerfrei installiert - sprich Schritt für Schritt ?

 

[beautyloungeplattling]

Kann in den Templateeinstellungen die Komprimierung für JS und CSS aktiviert bleiben oder müssen diese deaktiviert werden?

 

[beautyloungeplattling]

wie finde ich jetzt heraus, welche Ressourcen ich als Preloas eingeben muss?

 

[ag-websolutions.de]

Steht für das EVO-Standard in der readme.md

 

[beautyloungeplattling]

Leider haben wir kein Standard EVO Template

 

[beautyloungeplattling]

Wir haben das AVIA Template von Salepix

 

[beautyloungeplattling]

ag-websolutions können sie evtl mal schauen, welche Ressourcen ich wo eintragen muss

 

[ag-websolutions.de]

Da ich das salepix-Template nicht kenne, leider nein.
Am besten mal bei salepix unter Hinweis auf das JTL-Plugin nachfragen.

 

[komaxer]

Eine Frage dazu.

Funktioniert dieses Plugin auch für Shopversion 4.05 (Build 3) ?

Und auf welcher Internetseite bzw. mit welchem Testtool könnte man den Geschwindigkeitszuwachs sehen ?

 

[Japsa]

Eine Frage dazu.
Funktioniert dieses Plugin auch für Shopversion 4.05 (Build 3) ?

Ich denke mal es kann ab 4.xxx eingesetzt werden, wenn ich es richtig verstehe - also alles was größer als 4. ist.

 

[Dustin]

Hi All,

lohnt sich das Plugin bei HTTP2 noch? Denn da wird ja der Header auch anders geladen?

Gruß Dustin

 

[ruth]

Steht für das EVO-Standard in der readme.md

Einfacher: TAB Dokumentation.

 

[Xantiva]

@Japsa
Wenn Du das Archiv entpackst, dann gibt es einen Ordner preloader-master-... . Den Inhalt kopierst Du im Testshop nach /includes/plugins/preloader


Dann kannst Du das Plugin in der Pluginverwaltung installieren und anschliessend konfigurieren.

Wenn alles funktioniert kannst Du das Plugin in den Liveshop übernehmen.

@ag-websolutions.de
Vorsicht, das müssten schon die Werte für die noch kommende 4.06 Version sein.

@beautyloungeplattling
Lass die Komprimierung wie sie ist. Um herauszufinden, welche Ressourcen sinnvollerweise angegeben werden sollten, musst Du Dir Dein Template anschauen und über die Entwicklertools im Browser prüfen, welche css und js Dateien zuerst geladen werden.

@komaxer
Ich habe es testen können, mit den Entwickler-Tools im Chrome => Audits ...
Und bei mir läuft es im 4.05 Build 3.

@Dustin
Ja, gerade mit http2 macht das richtig Sinn. Sobald der Browser den response header erhalten hat, kann er schon parallel die anderen Dateien anfordern und laden.

 

[beautyloungeplattling]

@Xantiva
Könntest du mir evtl dabei helfen, bin da eher ein Anfänger

 

[Xantiva]

Ich kenne das Template auch nicht. Ich würde versuchen, die Dateien zu identifizieren, die auf jeder Seite eigebunden werden und diese dann eintragen.

 

[FMoche]

3 Hinweise an dieser Stelle:
Das Plugin sollte in allen 4er-Versionen funktionieren, stellt aber im Standard die URLs von 4.06 ein. Da muss man also aufpassen.

Außerdem wurde ich darauf hingewiesen, dass die einzelnen Eingabefelder jeweils nur maximal 255 Zeichen speichern - übertreibt es also nicht mit zu vielen URLs.
Das ist eine generelle Einschränkung von Shop-Optionen, ich werde das entsprechend umbauen.

Man kann das Plugin auch einfach über den Download-Button herunter- und anschließend im Backend über den Tab "Upload" in der Pluginverwaltung installieren - ergo muss man nichts entpacken oder via FTP hochladen.