Skip to content

Optimize loading CSS and JS from JTL Shop to push up PageSpeed rank

License

Notifications You must be signed in to change notification settings

CSoellinger/jtl-shop4-plugin-optimize-css-js-load

Repository files navigation

JTL Shop4 Plugin - Optimize CSS and JS load

Dieses Plugin hilft dabei das Laden des Shops zu optimieren und den PageSpeed Rank zu erhöhen. CSS Dateien werden mit rel="preload" geladen und JS Sources werden an das Ende vom BODY HTML Tag verschoben.

Features

  • Einfügen von Standard CriticalCSS extrahiert vom Evo Default Template
  • Preload von CSS Dateien mit Fallback LoadCSS
  • Sammeln und verschieben von JavaScript Sources an das Ende des BODY HTML Tag

Installation

Gehen Sie auf der Github Seite auf "Releases" und laden Sie die letzte Version herunter. Diese können Sie im Shop Backend unter Plugin Verwaltung hochladen, installieren und/oder aktualisieren.

Anleitung

Sobald das Plugin installiert ist müssen Sie noch in den Einstellungen von diesem Plugin die benötigten Optionen aktivieren.

Einstellungen

Siehe SETTINGS.md.

Vorschau

Demo

Einen Demo Shop wo das Plugin aktiv in Verwendung ist findet man unter shop.vivasativa.at. Um die Anpassungen zu sehen, müssen Sie mit Rechtsklick auf "Seitenquelltext anzeigen" gehen.

Screenshots

Vorher Nachher
Screen 01 Screen 02

Geplante Features

  • Dynamisches laden von CriticalCSS

Unterstützen

Falls ihr mir was als BTC o.ä. spenden wollt, könnt ihr dass auf folgende Adressen tun:

  • Bitcoin (BTC): 19FXuMSR1yoApqZ9VkY1e8bhxHp4fqK4ZB
  • Ether (ETC): 0x45dAC2c1647B505Dc3a4E48FAa3443bbEAf6eBF2
  • Bitcoin Cash (BTH): qpdgpgp78r5ql8c9tjtkc4ex82s09hc4a5tsralx4g