Acceleration Paket

Einführung in das Acceleration Package von smoxy

Herzlich willkommen zum Acceleration Package von smoxy!

Nachdem du dich erfolgreich registriert und für das Acceleration Package entschieden hast, steht dir nun eine Reihe von leistungsstarken Tools zur Verfügung, um die Performance deiner Website zu steigern. Um den größtmöglichen Nutzen aus unserem Service zu ziehen, empfehlen wir dir, mit einigen grundlegenden Schritten zu beginnen.

Starte mit dem Caching der Startseite

Ein guter erster Schritt ist, das Caching zunächst nur für die Startseite deiner Website zu aktivieren. Die Startseite ist oft der erste Anlaufpunkt für Besucher und kann einen erheblichen Einfluss auf die Wahrnehmung der Geschwindigkeit und Effizienz deiner Website haben. Indem du mit dem Caching der Startseite beginnst, kannst du sofortige Verbesserungen erzielen, ohne die Funktionalität komplexerer, dynamischer Seiten zu beeinträchtigen.

So legst du eine Page Rule für die Startseite an:

In diesem Schritt erstellen wir eine Page Rule für die Startseite um ausschließlich dort das HTML caching zu aktivieren.

1. Logge dich in den smoxy Hub ein.

2. Klicke auf den Namen deiner Zone. Du befindest dich nun im Dashboard deiner Zone.

3. Öffne mit einem Klick in der linken Seitenleiste die 'Rules' und klicke auf 'Page Rules'

4. Klicke auf 'Page Rule hinzufügen'.

5. Gib den Namen deiner Regel an. Zum Beispiel: Cache für Startseite

6. Wähle den Matcher 'equals'.

7. Als URI schreibst du lediglich ein /

8. Bei der Auswahl der Regeln, verwendest du 'HTML'

9. Setze den Toggle auf aktiv um das HTML Caching für die Startseite zu aktivieren.

10. Speichere die Einstellungen, indem du auf 'Regel erstellen & aktivieren' klickst.

Mit dieser einfachen Einstellung wird das Caching ausschließlich für deine Startseite aktiviert, während andere Seiten deiner Website zunächst unberührt bleiben. Zusätzlich kannst du deine neue Page Rule mit dem Toggle auf der Übersichtsseite der Page Rules ganz einfach aktivieren oder deaktivieren.

Sende deine Besucher über smoxy um vom Caching zu profitieren:

Damit smoxy deine Startseite cachen kann muss als nächstes der Traffic durch smoxy geleitet werden. Die geschieht ganz einfach durch das konfigurieren deines Loadbalancers in smoxy und das anpassen eines DNS Eintrags.

Konfiguration deines Loadbalancers:

• In deiner Zone, öffne in der linken Seitenleiste die 'General Settings' und klicke auf 'Loadbalancer'.

• Scroll an das Ende der Seite und klicke auf 'Loadbalancer hinzufügen'

• Gebe einen beliebigen Namen für deinen Loadbalancer ein.

• Lasse das Feld Hostname leer

• Klicke auf die Checkbox 'Agiert als primärer Loadbalancer'.

• Mit einem Klick auf Speichern wird dein Loadbalancer angelegt.

Hinzufügen eines Members zum Loadbalancer:

1. Klicke auf 'Member hinzufügen'.

2. Als Loadbalancer ist dein zuvor erstellter Loadbalancer bereits ausgewählt.

3. Das Schema bleibt unverändert auf 'https'

4. Als Host wird jetzt die öffentliche IPv4 Adresse deines Servers angegeben auf dem deine Webseite läuft.

   • Verwendet deine Webseite mehrere Server, kannst du hier direkt mehrere IPs, mit Komma-getrennt hinterlegen. So muss du nicht mehrmals einen neuen Member hinzufügen.

5. Der Port und die Gewichtung können unverändert bleiben.

6. Klicke auf 'Speichern'.

Sende deinen Traffic über smoxy zu deiner Webseite:

1. Klicken oben in der linken Seitenleiste auf 'Organisation', so kommst du zurück auf die Übersicht deiner Zonen.

2. Klicke in der linken Seitenleiste auf 'Domains'.

3. Füge eine neue Domain hinzu, indem du auf den Button 'Domain hinzufügen' klickst.

4. Folge dem ersten Schritt indem du deine Domain angibst. Zum Beispiel example.com

5. Im nächsten Schritt musst du den angegebenen TXT Eintrag in deinem DNS setzen.

6. So kann smoxy verifizieren, dass du auch der Inhaber dieser Domain bist und erlaubt dir das Fortsetzen der Konfiguration der Domain.

7. Klicke im nächsten Schritt auf 'Erstelle ein neues SSL-Zertifikat' und klicke auf 'weiter'.

8. Setze nun den Angegebenen CNAME Eintrag damit smoxy automatisch ein SSL Zertifikat erzeugt und klicke auf 'weiter'.

9. Jetzt überprüft smoxy deine DNS Einträge und erzeugt ein SSL-Zertifikat für die Absicherung des Traffics zu deiner Webseite.

10. Sobald das Zertifikat erstellt wurde, kannst du auf 'weiter' klicken und nun deine Domain, deiner Zone zuweisen.

11. Wundere dich nicht über die Warnung. Dies ist ein automatischer Check von smoxy um zu prüfen ob smoxy und deine Webseite kommunizieren können.

12. Um dies zu korrigieren, log dich erneut in deine DNS-Verwaltung ein und ändere den DNS Eintrag deiner Webseite auf ingress.smoxy.eu und klicke auf 'Test wiederholen'.

13. Wenn alles erfolgreich war, kannst du auf 'weiter' klicken und das 'Setup abschließen'.

Bereit smoxy einzuschalten und das HTML Caching zu testen?

1. Gehe zurück auf die Übersicht deiner Zonen, indem du in der linken Seitenleiste auf 'Shop-Zones' klickst.

2. Klicke auf den Namen deiner Zone um in dessen Konfiguration zu kommen.

3. Klappen in der linken Seitenleiste die 'General Settings' auf und klicke auf 'Konfigurationen'.

4. Aktiviere oben rechts, mit einem Klick auf 'Aktiv' deine Zone und dessen Einstellungen.

Du hast es geschafft! Der Traffic deiner Webseite läuft nun über smoxy. Durch die Page Rule wird deine Startseite nun automatisch gecached.

Strategische Nutzung des Caches

Nachdem du das Caching für deine Startseite eingerichtet hast, ist es wichtig, über die strategische Nutzung des Caches auf dem Rest deiner Website nachzudenken:

• Dynamische Seiten: Seiten, die personalisierte Inhalte oder Informationen anzeigen, die regelmäßig aktualisiert werden (wie Benutzerkonten oder Checkout-Seiten), sollten in der Regel vom Caching ausgenommen werden, um sicherzustellen, dass Nutzer die aktuellsten Daten sehen.

• Statische Seiten: Seiten mit Inhalten, die sich selten ändern (wie Kontaktseiten, Informationsseiten oder Blogbeiträge), sind ideale Kandidaten für das Caching, da sie die Ladezeiten verbessern können, ohne das Nutzererlebnis zu beeinträchtigen.

Verwendung von Cache Control Headern

Die "Cache Control"-Einstellung in smoxy ermöglicht eine effiziente Nutzung des Cachings, indem sie automatisch die Cache-Control Header von Webinhalten berücksichtigt. Dies vereinfacht das Caching für Anwendungen, die diese Header bereits setzen, wie z.B. E-Commerce-Plattformen (Oxid, Shopware) und CMS (Typo3). Durch diese Funktion werden Inhalte entsprechend der Header-Einstellungen gecacht, was die Ladezeiten für wiederkehrende Besucher reduziert und eine bessere Benutzererfahrung bietet. Somit können Webseitenbetreiber die Vorteile des automatischen Setzens von Cache-Control Headern nutzen, ohne zusätzlichen Konfigurationsaufwand, und profitieren von optimierter Performance und reduzierter Serverlast.

So aktivierst du die Cache-Control Header Einstellung in smoxy

1. In deiner Zone, öffne in der linken Seitenleiste die 'General Settings' und klicke auf 'Konfigurationen'.

2. Aktiviere die Konfiguration 'Cache Control'.

Ein Tipp zum Testen des HTML Caches

Um das HTML Caching deiner Webseite zu testen und die optimale Konfiguration für statische und dynamische Seiten zu ermitteln, ist der Einsatz einer Conditional Rule sinnvoll. Diese Regel ermöglicht es dir, das Caching durch einen Parameter in der URL oder durch das Setzen eines Cookies zu aktivieren. Eine solche "oder"-Bedingung innerhalb der Rule ermöglicht eine flexible Handhabung und unterstützt dich dabei, das Verhalten des Caches auf deiner Webseite genau zu beobachten und zu analysieren.

So richtest du die Conditional Rule für das Testen ein:

Erstelle eine Conditional Rule, die das Caching aktiviert, wenn entweder ein bestimmter Parameter in der URL vorhanden ist (zum Beispiel ?cacheTest) oder ein spezifischer Cookie gesetzt ist. Diese Flexibilität erlaubt es dir, entweder durch einfaches Hinzufügen eines Parameters zu deiner URL oder durch das Setzen eines Cookies im Browser das Caching selektiv zu testen.

• Logge dich in dein smoxy-Dashboard ein.

• Gehe zum Bereich 'Conditional Rules'.

• Klicke auf 'Füge eine Conditional Rule hinzu'.

• Gib den Namen deiner Regel an. Zum Beispiel: Cache Test

• Wähle im Feld 'Arg' aus.

• Wähle als Operator 'Exists' aus.

• Als Ziel definierst du den Parameter. Zum Beispiel: cacheTest

• Mit einem Klick auf 'ODER', fügen wir eine weitere Bedingung für den Cookie hinzu.

• Wähle im Feld 'Cookie' aus.

• Als Operator verwenden wir wieder 'Exists'.

• Das Ziel definiert den Namen des Cookies. Zum Beispiel: cacheTest

• Bei der Auswahl der Regeln, verwendest du 'HTML'

• Setze den Toggle auf aktiv.

• Speichere die Einstellungen.

Navigation mit aktiviertem Caching testen: Indem du den vorgegebenen Parameter an die URL anhängst oder den entsprechenden Cookie in deinem Browser setzt, kannst du durch deine Webseite navigieren und beobachten, wie sich das Caching auf die Ladezeiten und die Darstellung der Inhalte auswirkt.

Diese Methode erlaubt es dir, sowohl die Performance von statischen Seiten, die von Caching profitieren, als auch die Aktualität von dynamischen Inhalten, die möglicherweise ausgenommen werden sollten, zu evaluieren. So kannst du eine fundierte Entscheidung darüber treffen, welche Seiten gecacht werden sollen, um die optimale Balance zwischen schnellen Ladezeiten und der Bereitstellung aktueller, dynamischer Inhalte zu erreichen.

Was mach ich als nächstes?

Vielen Dank, dass du dir die Zeit genommen hast, unsere Einführungsseite durchzulesen. Wir hoffen, dass du nun einen guten Überblick über die ersten Schritte mit deinem gewählten smoxy-Paket hast und bereit bist, deine Website auf die nächste Stufe zu heben. Doch das ist erst der Anfang!

Um das volle Potenzial von smoxy zu entdecken und deine Website noch weiter zu optimieren, laden wir dich herzlich ein, tiefer in unsere Dokumentation einzutauchen. Unter den Abschnitten Anwendungsbeispiele und Best Practices findest du eine Fülle von wertvollen Informationen, Tipps und inspirierenden Ideen, wie du smoxy noch effektiver einsetzen kannst.

Entdecke, experimentiere, optimiere – und mach deine Website schneller und besser als je zuvor mit smoxy!