Medienserver und CDN in PrestaShop einrichten

Mit Medienservern erzeugt PrestaShop die Links zu Bildern, CSS und JavaScript mit einem anderen Servernamen. Ein CDN kann diese Links nutzen, um die Dateien von Standorten nahe beim Besucher auszuliefern. Abfragen des Shops und den Bezahlvorgang beschleunigt es allein nicht.

Wann es sich lohnt

Ein CDN kommt in Frage, wenn Bilder und andere Ressourcen Besucher in entfernten Regionen nur langsam erreichen. Vergleichen Sie vor der Buchung eine Kategorie und eine Produktseite aus den Ländern, aus denen tatsächlich Besuche oder Verkäufe kommen.

Die alte Technik, Ressourcen auf mehrere Subdomains desselben Servers zu verteilen, das sogenannte Domain Sharding, sollte Verbindungslimits von HTTP/1.1 umgehen. Mit HTTP/2 und HTTP/3 ist sie kein guter Ausgangspunkt und kann zusätzliche Verbindungen und TLS-Aushandlungen verursachen. Nutzt Ihr Shop bereits cdn1 und cdn2, prüfen Sie, was sie ausliefern, bevor Sie sie entfernen, und ändern Sie zuerst die PrestaShop-Konfiguration.

CCC und einen wiederherstellbaren Test vorbereiten

Sichern Sie die aktuelle Konfiguration und legen Sie ein wiederherstellbares Backup an. Prüfen Sie unter Erweiterte Einstellungen > Leistung CCC – Kombinieren, Komprimieren und Cachen – sowie die Anforderungen, die Ihre Version für Medienserver nennt.

Testen Sie die Einstellungen für CSS und JavaScript getrennt. Nicht alle Versionen zeigen dieselben Optionen, und das Zusammenfassen von Dateien beschleunigt das Laden nicht immer. Prüfen Sie nach jeder Änderung Menüs, Filter, Varianten, Einwilligung und Warenkorb.

Die Option Apache-Optimierung ändert Serverregeln: Dass Sie LiteSpeed nutzen, heißt nicht automatisch, dass Sie sie deaktivieren müssen. Prüfen Sie die erzeugten Regeln und deren Kompatibilität, wenn Sie sie ändern wollen.

Beispiel mit einer Pull Zone von Bunny CDN

Eine Pull Zone holt eine Ressource bei Bedarf vom Hosting und speichert eine temporäre Kopie. Das Hosting bleibt der Ursprung der Dateien.

1. Legen Sie die Zone bei Bunny an und geben Sie als Ursprung die HTTPS-URL des Shops an, zum Beispiel https://tudominio.com.
2. Notieren Sie den der Zone zugewiesenen Hostnamen. Prüfen Sie, ob sich ein öffentliches Bild darüber mit unverändertem Pfad öffnen lässt.
3. Wenn Sie cdn.tudominio.com verwenden möchten, fügen Sie ihn als benutzerdefinierten Hostnamen in der Zone hinzu und legen Sie bei Ihrem DNS-Anbieter den CNAME auf das von Bunny angegebene Ziel an.
4. Aktivieren und prüfen Sie HTTPS für diesen Hostnamen, bevor Sie ihn im Shop eintragen. Liegt das DNS bei Cloudflare, folgen Sie den Hinweisen von Bunny zum Proxy-Status.

Das Verfahren für benutzerdefinierte Hostnamen bei Bunny erklärt diese Zuordnung. Richten Sie den Ursprung der Zone nicht auf den Hostnamen des CDN selbst: Sie würden eine Schleife erzeugen.

In PrestaShop einrichten

Tragen Sie unter Erweiterte Einstellungen > Leistung > Medienserver den Servernamen in das entsprechende Feld ein, zum Beispiel:

cdn.tudominio.com

Verwenden Sie den Hostnamen ohne https:// und ohne Dateipfad. Lesen Sie die Hilfe zum Feld in Ihrer Version. Beginnen Sie mit einem einzigen Medienserver, speichern Sie und leeren Sie den passenden PrestaShop-Cache, damit die Links neu erzeugt werden.

Öffnen Sie eine Seite mit den Entwicklertools des Browsers. Prüfen Sie unter Netzwerk / Network, ob die vorgesehenen Ressourcen vom CDN kommen, korrekt antworten und HTTPS verwenden. Private Dateien, die Administration und Kaufvorgänge dürfen nicht als öffentliche Ressourcen einer statischen Zone erreichbar sein.

Dateiänderungen und Kosten

Eine Pull Zone erkennt nicht unbedingt jede Änderung am Ursprung sofort. Die Kopie kann weiter ausgeliefert werden, bis sie abläuft oder geleert wird. Wenn Sie ein CSS, JavaScript oder Bild unter demselben Namen veröffentlichen, leeren Sie die betroffene Ressource oder nutzen Sie die Versionierung der Anwendung.

Die Bildoptimierung kann eine Zusatzfunktion mit eigenen Bedingungen sein; sie ist nicht dasselbe wie ein aktiviertes CDN. Prüfen Sie vor der Buchung Preise, Mindestbeträge, Regionen und Zusatzoptionen beim Anbieter.

Wenn Bilder fehlen oder das Layout kaputt ist

• Hostname wird nicht aufgelöst: Prüfen Sie den CNAME in den autoritativen DNS und das zugewiesene Ziel.
• Zertifikatsfehler: Schließen Sie die HTTPS-Einrichtung im CDN ab, bevor Sie es wieder verwenden.
• 404: Vergleichen Sie denselben Pfad im Hosting und im CDN; prüfen Sie den Ursprung und mögliche Schutzmaßnahmen gegen externe Verlinkung.
• Blockierte Schriften: Sehen Sie sich den CORS-Fehler an und erlauben Sie den nötigen Ursprung, ohne private Ressourcen pauschal freizugeben.
• Warenkorb oder Menüs funktionieren nicht: Nehmen Sie die letzte CCC-Einstellung zurück und testen Sie erneut; der Fehler kann im JavaScript liegen, auch wenn die Dateien mit 200 antworten.

Um zum vorherigen Zustand zurückzukehren, stellen Sie die Felder der Medienserver wieder her und leeren Sie den PrestaShop-Cache. Halten Sie den alten Hostnamen erreichbar, solange noch Seiten oder Caches auf ihn verweisen können.