Performance

Voraussetzungen

• Die Grundkonfiguration in smoxy ist abgeschlossen

• Der Traffic läuft über smoxy

• Erweiterte Kenntnisse über dein Shopsystem und die Daten, die zwischengespeichert werden dürfen.

Das Performance Modul von smoxy verbessert die Ladezeiten deiner Website erheblich, indem es Seiten temporär zwischenspeichert. Beim erneuten Aufruf einer Seite wird die gecachte Version direkt von smoxy ausgeliefert, was zu einer reibungsloseren Benutzererfahrung und schnelleren Ladezeiten führt.

Wie funktioniert smoxy Performance?

Wenn Performance aktiviert ist, wird beim ersten Aufruf einer Seite die Anfrage wie gewohnt vom Server verarbeitet, und die Seite wird in smoxy zwischengespeichert. Bei weiteren Aufrufen wird die gecachte HTML-Version direkt von smoxy ausgeliefert, wodurch die Ladezeiten erheblich verkürzt werden.

Achtung: Bevor du Performance aktivierst

Das unüberlegte Aktivieren von Performance kann dazu führen, dass Seiten gecached werden, die nicht zwischengespeichert werden sollten. Beispiele hierfür sind:

• Produktempfehlungen: Dynamische Empfehlungen auf Produktdetailseiten basieren oft auf Nutzerverhalten oder Echtzeit-Daten und sollten daher nicht gecached werden.

• Warenkörbe/Wunschlisten: Inhalte, die dynamisch pro Nutzer angepasst werden, dürfen nicht gecached werden, da sonst Benutzer falsche Warenkörbe angezeigt bekommen.

• Checkout-Prozesse: Seiten, die während des Bestellprozesses verwendet werden (z. B. Zahlungs- und Versandinformationen), sind hochgradig personalisiert und sollten niemals gecached werden. Ein falsches Caching kann hier nicht nur zu Fehlern, sondern auch zu Datenschutzproblemen führen.

Empfehlung: Überprüfe sorgfältig, welche Seiten und Inhalte sicher gecached werden können. Nutze Page Rules, um gezielt Seiten auszuschließen, bei denen dynamische oder nutzerspezifische Inhalte angezeigt werden. So stellst du sicher, dass das Caching keine unerwünschten Auswirkungen auf die Nutzererfahrung hat.

Vorgehen zur Aktivierung von smoxy Performance:

1. Prüfe, ob dein Warenkorb über AJAX funktioniert

Bevor du HTML-Caching aktivierst, solltest du sicherstellen, dass dein Warenkorb dynamisch über AJAX aktualisiert wird. Andernfalls kann es zu Problemen führen, da der Warenkorb-Inhalt in einem statischen HTML-Dokument gecached wird und falsche oder veraltete Daten anzeigen könnte. Wenn dein Warenkorb nicht über AJAX läuft, solltest du die betroffenen Seiten (z. B. Warenkorb- und Checkout-Seiten) unbedingt vom HTML-Caching ausschließen, um solche Probleme zu vermeiden. smoxy Rules können dir dabei helfen, diese Seiten gezielt aus dem Cache zu nehmen.

1. Identifiziere cachebare Seiten

• Statische Inhalte: Seiten wie Blogs oder Informationsseiten sind in der Regel sicher zu cachen. Für diese Seitentypen sind keine zusätzlichen Regeln erforderlich.

• Dynamische Inhalte: Prüfe, ob Seiten dynamische oder nutzerspezifische Daten enthalten, wie:

  • Warenkörbe

  • Merkzettel

  • Produktempfehlungen auf der Produktdetail- oder Kategorieseite

  • Checkout-Seiten Diese Inhalte sollten nicht gecached werden, um Fehlfunktionen oder falsche Daten zu vermeiden.

Seiten ausschließen: Nutze Page Rules, um Seiten mit dynamischen oder sensiblen Inhalten vom Cache auszuschließen. Beispiele:

• /cart/* (Warenkorb-Seiten)

• /checkout/* (Checkout-Seiten)

• /account/* (Benutzerkonten-Seiten)

1. Testen des Caches

Teste die gecachten Seiten auf verschiedenen Browsern und Geräten, um sicherzustellen, dass keine dynamischen Inhalte fehlerhaft ausgeliefert werden.

1. Cache löschen

• Cache TTL: Standardmäßig wird der Cache alle 7 Tage automatisch erneuert. Nach Ablauf dieser Zeit werden die Seiten aus dem Cache entfernt und bei dem nächsten Aufruf neu generiert.

• Manuelles Leeren des Caches: Falls sich Inhalte ändern, ohne dass sich der Pfad oder Dateiname ändert (z. B. geänderte Texte oder Bilder), muss der Cache gelöscht werden, da sonst die alte Version aus dem Cache geladen würde. Der Cache kann auf zwei Arten gelöscht werden:

  • Über den Bereich Cache im Dashboard.

  • Alternativ über die API.

1. Monitoring und Überwachung

• Überwache die Ergebnisse: Nutze die smoxy-Statistiken, um die Leistung des HTML-Caches zu überwachen, z. B. durch Cache-Hits und Ladezeitverbesserungen.

• Iterative Anpassungen: Passe die smoxy Rules bei Bedarf an, um weitere Seiten zu cachen oder neue dynamische Inhalte auszuschließen.

Was wurde erreicht?

Durch die Aktivierung des HTML-Cachings hast du die Ladezeiten deiner Website deutlich verbessert, indem statische Inhalte direkt aus dem smoxy-Cache ausgeliefert werden. Dynamische Inhalte wie Warenkörbe oder Checkout-Seiten wurden gezielt vom Caching ausgeschlossen, um ihre Funktionalität zu erhalten.

Zusätzlich optimieren die Minify-Optionen HTML, CSS und JavaScript, während der Cache automatisch verwaltet wird und flexibel per API oder manuell geleert werden kann. Deine Website ist jetzt schneller, effizienter und bleibt dynamisch anpassbar.