Eine mehrsprachige Website muss den richtigen Besuchern die passenden übersetzten Inhalte liefern, ohne dabei an Geschwindigkeit einzubüßen. Hier wird das Caching mehrsprachiger Websites unerlässlich, da es dazu beiträgt, dass übersetzte Seiten schneller geladen werden und gleichzeitig wiederholte Anfragen an den Server reduziert werden. Das Caching mehrerer Sprachversionen kann jedoch Herausforderungen mit sich bringen, wie beispielsweise veraltete Übersetzungen, Inhalte in der falschen Sprache und inkonsistente Ergebnisse für Suchmaschinen-Crawler.
In diesem Leitfaden gehen wir auf die häufigsten Probleme beim mehrsprachigen Caching ein und erklären, wie Cloudflare und Varnish übersetzte Inhalte verarbeiten. Lesen Sie weiter, um die richtige Caching-Strategie zu wählen, sprachübergreifende Cache-Treffer zu vermeiden und eine zuverlässige Umgebung für Ihre mehrsprachige Website zu schaffen.
Wichtigste Punkte: Mehrsprachiges Website-Caching mit Cloudflare & Varnish
Separate Sprachversionen
Verwenden Sie sprachspezifische URLs oder Cache-Schlüssel, um sicherzustellen, dass jede übersetzte Version separat gespeichert und ausgeliefert wird. Dies verhindert, dass Nutzer Inhalte in der falschen Sprache erhalten.
Cache-Konflikte verhindern
Varnish und Cloudflare müssen Sprachinformationen aus URLs, Headern oder Cookies berücksichtigen. Eine korrekte Konfiguration verhindert sprachübergreifende Cache-Treffer und stellt sicher, dass Besucher die richtige Übersetzung erhalten.
Halten Sie die Übersetzungen aktuell
Legen Sie geeignete Cache-TTLs fest und leeren Sie betroffene Caches, sobald Übersetzungen aktualisiert werden. Dadurch wird verhindert, dass veraltete Inhalte für Besucher sichtbar bleiben.
Warum ist mehrsprachiges Caching wichtig?
Mehrsprachige Websites können mehrere zwischengespeicherte Versionen derselben Seite verwenden, da jede Sprache unterschiedliche Inhalte und URLs enthalten kann. Durch das Zwischenspeichern dieser übersetzten Versionen kann die Website bestehende Antworten wiederverwenden, anstatt denselben Inhalt bei jeder Anfrage neu zu verarbeiten. Dies reduziert die Anfragen an den Ursprungsserver, verbessert die Ladezeiten der Seite und sorgt für ein schnelleres Nutzererlebnis.
Mehrsprachiges Caching muss jedoch die einzelnen Sprachversionen korrekt trennen. Wenn das Caching-System nicht zwischen den Sprachvarianten unterscheidet, könnte ein Besucher, der eine französische Seite anfordert, stattdessen eine zwischengespeicherte englische Version erhalten. Ebenso kann es vorkommen, dass nach einer Aktualisierung der Übersetzung eine ältere, zwischengespeicherte Antwort weiterhin angezeigt wird, bis sie abläuft oder ungültig wird.
Auch beim Zugriff von Suchmaschinen-Crawlern auf mehrsprachige Seiten spielt Caching eine Rolle. Jede Sprach-URL sollte stets den entsprechenden übersetzten Inhalt liefern, damit Suchmaschinen die lokalisierten Versionen korrekt verstehen und indexieren können. Ein zuverlässiges Caching-System sollte daher mit SEO-Signalen wie hreflang, kanonischen URLsund sprachspezifischen Metadaten zusammenarbeiten.
Wie man eine mehrsprachige Website-Caching-Strategie entwickelt
Eine gute mehrsprachige Caching-Strategie stellt sicher, dass Besucher stets die richtige Sprachversion erhalten, während gleichzeitig die Seitenladezeiten verkürzt und die Serveranfragen reduziert werden. Im ersten Schritt muss festgelegt werden, wie Ihre Website die einzelnen Sprachen identifiziert und wie das Caching-System diese Informationen nutzt.
URL- und Subdomain-Routing
Sprachspezifische URLs sind eine der einfachsten Möglichkeiten, mehrsprachiges Caching vorhersehbar zu gestalten. Jede Sprache hat ihre eigene URL, sodass der Cache jede Version separat speichern und ausliefern kann. Beispielsweise kann example.com/fr/ die französische Version und example.com/de/ die deutsche Version repräsentieren.
Sprachspezifische Subdomains funktionieren ähnlich. Eine Website könnte beispielsweise fr.example.com für Französisch und de.example.com für Deutsch verwenden. Da die Sprache direkt in der URL enthalten ist, können Besucher und Caching-Systeme leicht erkennen, welche Version ausgeliefert werden soll. Gängige URL-Strukturen sind:
- example.com/fr/
- example.com/de/
- fr.example.com
- de.example.com
Headerbasierte Spracherkennung
Websites können die bevorzugte Sprache eines Besuchers auch über HTTP-Header ermitteln, insbesondere über den Accept-Language-Header, den der Browser sendet. Ein für Französisch konfigurierter Browser sendet beispielsweise Accept-Language: fr, wodurch der Server automatisch die französische Version auswählt.
Die Header-basierte Erkennung erfordert jedoch eine sorgfältige Cache-Konfiguration. Wenn der Cache nur die Seiten-URL berücksichtigt und den Sprachheader ignoriert, könnte er eine Sprachversion speichern und diese Besuchern mit einer anderen Spracheinstellung ausliefern. Der Cache-Schlüssel bzw. das Vary-Verhalten muss daher die relevanten Sprachinformationen berücksichtigen. Zum Beispiel:
- Accept-Language: en
- Accept-Language: fr
- Accept-Language: de
Cookiebasierte Spracherkennung
Ein weiterer Ansatz besteht darin, die Sprachpräferenz des Besuchers in einem Cookie zu speichern. Sobald ein Besucher eine Sprache auswählt, kann die Website diese Auswahl speichern und für nachfolgende Anfragen verwenden. Dies kann ein einheitlicheres Nutzungserlebnis gewährleisten, insbesondere wenn Besucher die Sprache manuell auswählen, anstatt sich auf ihre Browsereinstellungen zu verlassen.
Die Herausforderung besteht darin, dass Cookies das Caching verkomplizieren können. Wenn der Cache Anfragen nicht anhand des Sprach-Cookies unterscheidet, erhalten Besucher möglicherweise eine zwischengespeicherte Seite in einer anderen Sprache. Die Caching-Schicht sollte daher so konfiguriert werden, dass sie das Caching bei Bedarf anpasst oder umgeht. Zum Beispiel:
- Sprache=en
- Sprache=fr
- language=de
Auswahl einer Caching-Strategie
Die beste Caching-Strategie hängt davon ab, wie Ihre Website die Sprachauswahl handhabt. URL-basiertes Sprach-Routing lässt sich in der Regel einfacher cachen, da jede Sprache eine eigene URL hat. Header- und Cookie-basierte Erkennung funktionieren zwar auch, erfordern aber eine sorgfältigere Konfiguration, um die korrekte Trennung der gecachten Antworten zu gewährleisten.
Bevor Sie sich für einen Ansatz entscheiden, berücksichtigen Sie die Anzahl der Sprachen, das Sprachauswahlverhalten der Besucher und die Änderungshäufigkeit übersetzter Inhalte. Ziel ist es, Spracherkennung und Caching-Verhalten optimal aufeinander abzustimmen, anstatt dass die Caching-Schicht jede Anfrage als dieselbe Seite behandelt. Wichtige Faktoren:
- Sprachen-spezifische URLs
- Cache-Schlüsselkonfiguration
- Header- und Cookie-Verarbeitung
- Cache-TTL
- Cache-Invalidierung
- Aktualisierungshäufigkeit der Übersetzung
- Suchmaschinen-Crawling
Wie Varnish mehrsprachige und übersetzte Inhalte zwischenspeichert
Varnish Cache fungiert als Reverse-Proxy zwischen Besuchern und dem Ursprungsserver. Fordert ein Besucher eine Seite an, prüft Varnish, ob eine gültige Antwort im Cache verfügbar ist. Findet Varnish eine passende Antwort, liefert es den zwischengespeicherten Inhalt aus, ohne die Anfrage an den Ursprungsserver zurückzusenden. Existiert keine passende Antwort, leitet Varnish die Anfrage an den Ursprungsserver weiter, empfängt die Antwort und kann sie für nachfolgende Anfragen speichern.
Bei mehrsprachigen Websites muss Varnish zwischen Anfragen unterscheiden, die unterschiedliche Sprachversionen zurückgeben sollen. Die Sprachinformationen müssen daher berücksichtigt werden, wenn Varnish entscheidet, ob eine zwischengespeicherte Antwort wiederverwendet werden kann. Dadurch wird verhindert, dass der Cache verschiedene Übersetzungen als dieselbe Antwort behandelt.
Sprachspezifische Cache-Schlüssel
Varnish benötigt eine Möglichkeit, zwischengespeicherte Antworten unterschiedlicher Sprachversionen zu unterscheiden. Ist die Sprache bereits in der URL enthalten, kann jede URL einem anderen Cache-Eintrag zugeordnet werden. Wird die Sprache durch einen Anfrageheader, ein Cookie oder einen anderen Anfragewert bestimmt, muss die Varnish-Konfiguration diese Information in ihre Caching-Logik einbeziehen. Beispielsweise könnte eine mehrsprachige Website zwischengespeicherte Antworten folgendermaßen unterscheiden:
- /en/about/ → Englischer Cache-Eintrag
- /fr/about/ → Französischer Cache-Eintrag
- Accept-Language: en → Englische Variante
- Accept-Language: fr → Französische Variante
- Ein Sprach-Cookie → Vom Besucher ausgewählte Sprache
Die genaue Implementierung hängt davon ab, wie die Website die Sprache ermittelt. Die wichtigste Anforderung ist, dass Anfragen, die unterschiedliche übersetzte Antworten liefern, nicht auf dasselbe zwischengespeicherte Objekt verweisen dürfen.
Vermeidung sprachübergreifender Treffer
Ein sprachübergreifender Cache-Treffer liegt vor, wenn Varnish einem Besucher, der eine andere Sprache anfordert, eine zwischengespeicherte Antwort in einer Sprache zurückgibt. Beispielsweise könnte ein Besucher, der eine französische Seite anfordert, eine englische Antwort erhalten, wenn beide Anfragen als dieselbe zwischenspeicherbare Ressource behandelt werden.
Um dieses Risiko zu minimieren, sollte Varnish eine zwischengespeicherte Antwort nur dann wiederverwenden, wenn die Sprachvariante bekannt ist und mit der Anfrage übereinstimmt. Lässt sich die Sprache nicht zuverlässig bestimmen, sollte die Antwort sorgfältig verarbeitet und nicht als gemeinsam genutzter Cache-Eintrag gespeichert werden. Wichtige Sicherheitsvorkehrungen sind:
- Vermeiden Sie das Zwischenspeichern von Antworten mit mehrdeutigen sprachlichen Informationen
- Sprach-Cookies und Header einheitlich behandeln
- Testen Sie Cache-Treffer und -Fehler für Anfragen in verschiedenen Sprachen
- Überprüfen Sie den Sprachwechsel, nachdem das Caching aktiviert wurde
Varnish-Cache-Invalidierung
Die Cache-Invalidierung entfernt zwischengespeicherte Inhalte oder kennzeichnet sie als ungültig. Dies ist wichtig, wenn der Originalinhalt oder dessen Übersetzung aktualisiert wurde. Ohne Invalidierung liefert Varnish möglicherweise weiterhin eine ältere, zwischengespeicherte Version aus, bis die konfigurierte Gültigkeitsdauer (TTL) abläuft.
Bei mehrsprachigen Websites sollte die Aktualisierung alle betroffenen Sprachversionen berücksichtigen. Werden beispielsweise eine englische Seite und ihre französische Übersetzung aktualisiert, sollten die entsprechenden zwischengespeicherten Antworten gelöscht oder aktualisiert werden, damit Besucher keine veralteten Inhalte sehen. Gängige Vorgehensweisen sind:
- Bereinigung bestimmter URLs
- Mehrere Sprachversionen werden entfernt
- Verwendung von Cache-TTLs
- Automatische Bereinigung nach Inhaltsaktualisierungen
- Aktualisierung der betroffenen übersetzten Seiten
Wie Cloudflare mehrsprachige Inhalte am Netzwerkrand zwischenspeichert
Cloudflare fungiert als Edge-Caching-Schicht zwischen Besuchern und Ihrem Ursprungsserver. Fordert ein Besucher eine Seite an, prüft Cloudflare, ob eine zwischengespeicherte Version an einem Edge-Standort verfügbar ist. Existiert eine gültige Antwort, kann die Seite direkt vom Edge-Standort ausgeliefert werden, anstatt sie vom Ursprungsserver anzufordern. Ist keine zwischengespeicherte Antwort verfügbar, ruft Cloudflare den Inhalt vom Ursprungsserver ab und speichert die Antwort für nachfolgende Anfragen.
Bei mehrsprachigen Websites muss dieser Prozess die angeforderte Sprache berücksichtigen. Cloudflare muss zwischen verschiedenen Sprachversionen unterscheiden können, damit Nutzern, die die französische Version anfordern, keine zwischengespeicherte englische Antwort angezeigt wird. Daher ist eine sprachabhängige Cache-Konfiguration wichtig, wenn übersetzte Inhalte über unterschiedliche URLs, Header oder Cookies ausgeliefert werden.
Trennung der Sprachversionen
Cloudflare kann verschiedene Sprachversionen separat zwischenspeichern, wenn jede Version eine eigene URL hat. Beispielsweise können /en/, /fr/ und /it/ für englische, französische bzw. italienische Inhalte stehen. Da die Sprache direkt in der URL enthalten ist, kann jede Version einen eigenen Cache-Eintrag haben, was die Verwaltung und Löschung einzelner Sprachversionen vereinfacht. Zum Beispiel:
- example.com/en/products/
- example.com/fr/products/
- example.com/it/products/
Cloudflare-Cache-Schlüssel und Sprachvarianten
Cloudflare muss Anfragen unterscheiden, wenn unterschiedliche Spracheingaben zu unterschiedlichen Antworten führen können. Bei URL-basiertem Sprachrouting erfolgt diese Trennung automatisch, da jede Sprache ihre eigene URL hat.
Besondere Aufmerksamkeit ist erforderlich, wenn die Sprache über den Accept-Language-Header oder ein Cookie festgelegt wird. Wenn diese Werte die übersetzte Antwort beeinflussen, aber nicht durch die Caching-Konfiguration berücksichtigt werden, können Anfragen für verschiedene Sprachen als dieselbe Ressource behandelt werden. Dies kann dazu führen, dass Besuchern, die eine andere Sprache angefordert haben, eine andere Sprache angezeigt wird.
Bei den meisten mehrsprachigen Websites ist URL-basiertes Routing einfacher zu handhaben, da die Sprache direkt in der URL ersichtlich ist. Header- und Cookie-basierte Erkennung funktionieren zwar auch, erfordern aber zusätzliche Konfigurationen, um sicherzustellen, dass Antworten in verschiedenen Sprachen nicht fälschlicherweise weitergeleitet werden.
Cache-TTLs und Bereinigung
Die Gültigkeitsdauer (TTL – Time to Live) des Caches bestimmt, wie lange Cloudflare eine zwischengespeicherte Antwort speichert, bevor sie abläuft. Eine längere Gültigkeitsdauer kann die Leistung verbessern, da Inhalte länger zwischengespeichert bleiben, während eine kürzere Gültigkeitsdauer Änderungen schneller verfügbar macht.
Bei mehrsprachigen Websites sollte die Gültigkeitsdauer (TTL) die Änderungshäufigkeit von Inhalten und Übersetzungen widerspiegeln. Häufig aktualisierte Seiten benötigen kürzere Gültigkeitsdauern, während stabile Seiten in der Regel längere verwenden können. Ändert sich eine Übersetzung, sollte die betroffene Sprachversion gelöscht oder aktualisiert werden, anstatt auf das Ablaufen der Gültigkeitsdauer zu warten. Dies verhindert, dass Besucher veraltete Übersetzungen erhalten. Die Caching-Strategie kann Folgendes umfassen:
- Kurze TTL für häufig aktualisierte Inhalte
- Längere TTL für stabile Seiten
- URL-spezifische Cache-Regeln
- Manuelle Cache-Bereinigung
- Automatische Bereinigung nach Aktualisierungen
Bewährte Verfahren für das Caching mehrsprachiger Websites
Eine gut geplante Caching-Lösung kann mehrsprachige Websites beschleunigen, ohne dass Besucher die falsche oder veraltete Übersetzung erhalten. Entscheidend ist, dass Übersetzungssystem und Caching-Schicht optimal zusammenarbeiten und gleichzeitig die einzelnen Sprachversionen klar voneinander getrennt sind.
Übersetzung und Caching kombinieren
Übersetzung und Caching sollten als Teil desselben Content-Delivery-Prozesses zusammenarbeiten. Die Übersetzungsschicht bestimmt, welche lokalisierte Version zurückgegeben werden soll, während die Caching-Schicht diese Antwort für nachfolgende Anfragen speichert. Entscheidend ist der Zeitpunkt: Die Sprache sollte ermittelt werden, bevor die Antwort zwischengespeichert wird. Dadurch wird sichergestellt, dass der Cache die tatsächlich angeforderte übersetzte Antwort speichert und nicht eine mehrdeutige Version, die für eine andere Sprache wiederverwendet werden könnte.
Für Websites mit automatischer Übersetzung kann eine Übersetzungslösung wie Linguise diesen Prozess vereinfachen, indem sie automatisch lokalisierte Inhalte generiert und gleichzeitig die Kompatibilität der übersetzten Seiten mit dem bestehenden Caching-System der Website gewährleistet. Dies ist besonders nützlich für mehrsprachige Websites, bei denen die manuelle Verwaltung übersetzter Versionen und deren Synchronisierung mit dem Cache deutlich komplexer sein kann.
Bewährte Vorgehensweise: Stellen Sie sicher, dass Ihr Übersetzungssystem und Ihre Caching-Schicht sich darüber einig sind, wie Sprachversionen identifiziert werden, bevor Sie das vollständige Seiten-Caching aktivieren.
Verwenden Sie sprachspezifische Cache-Schlüssel
Jede übersetzte Antwort sollte der korrekten Cache-Variante zugeordnet werden. URL-basierte Sprachstrukturen vereinfachen dies, da jede Sprache bereits über eine eindeutige URL verfügt, während header- oder cookiebasierte Setups eine zusätzliche Cache-Konfiguration erfordern.
Bewährte Vorgehensweise: Verwenden Sie nach Möglichkeit sprachspezifische URLs, wie zum Beispiel:
- /en/about/ → Englisch
- /fr/about/ → Französisch
- /de/about/ → Deutsch
Dadurch wird eine klare Trennung zwischen den Sprachversionen gewährleistet und das Risiko sprachübergreifender Cache-Treffer verringert.
Cache-Steuerung und TTLs festlegen
Cache-Control-Header und TTL-Werte legen fest, wie Browser, CDNs und Reverse-Proxys mit zwischengespeicherten Inhalten umgehen. Die korrekte Konfiguration dieser Werte trägt dazu bei, ein Gleichgewicht zwischen Website-Performance und der Notwendigkeit, stets aktuelle Übersetzungen bereitzustellen, zu finden.
Seiten, die sich selten ändern, können in der Regel länger im Cache bleiben, während häufig aktualisierte Inhalte kürzere TTLs (Time-to-Latenz) verwenden sollten. Die richtige Einstellung hängt davon ab, wie oft Ihre Website-Inhalte und Übersetzungen aktualisiert werden.
Bewährte Vorgehensweise: Beispielsweise können Sie für eine statische, mehrsprachige Landingpage eine längere TTL und für Produkt- oder Newsseiten, die sich häufig ändern, eine kürzere TTL verwenden. Testen Sie die Konfiguration stets, um sicherzustellen, dass aktualisierte Inhalte wie erwartet verfügbar sind.
Cache nach Aktualisierungen leeren
Wenn sich Inhalte oder Übersetzungen ändern, sollten die betroffenen zwischengespeicherten Antworten gelöscht oder aktualisiert werden, anstatt sich ausschließlich auf das Ablaufdatum (TTL) zu verlassen. Dadurch wird sichergestellt, dass Besucher in allen betroffenen Sprachen die aktuellste Version erhalten.
Bewährte Vorgehensweise: Integrieren Sie die Cache-Invalidierung in Ihren Workflow für Inhaltsaktualisierungen und stellen Sie sicher, dass alle betroffenen Sprachversionen abgedeckt sind.
Testen Sie zwischengespeicherte mehrsprachige Seiten
Tests sind wichtig, da Caching-Probleme beim normalen Surfen nicht immer sichtbar sind. Eine Seite kann beim direkten Aufruf korrekt aussehen, aber bei der Auslieferung aus dem Cache die falsche Sprache anzeigen.
Testen Sie jede Sprachversion nach der Konfiguration oder Änderung Ihrer Caching-Regeln. Überprüfen Sie sowohl die erste als auch die nachfolgenden Anfragen, um sicherzustellen, dass die korrekte, zwischengespeicherte Antwort stets zurückgegeben wird.
Bewährte Vorgehensweise: Testszenarien wie die folgenden:
- Dieselbe Seite in verschiedenen Sprachen öffnen
- Eine zwischengespeicherte Seite neu laden
- Wechseln zwischen Sprachen
- Aktualisierung einer Übersetzung
- Überprüfung der Seite nach dem Leeren des Caches
- Crawling sprachspezifischer URLs
Checkliste für mehrsprachiges Caching
Bevor Sie Ihre mehrsprachige Caching-Lösung in Betrieb nehmen, sollten Sie mithilfe einer einfachen Checkliste überprüfen, ob Spracherkennung, Caching und Inhaltsaktualisierungen korrekt zusammenarbeiten.
Checkliste für bewährte Verfahren:
- Weisen Sie jeder Sprachversion eine eindeutige URL oder Cache-Variante zu
- Verwenden Sie sprachspezifische Cache-Schlüssel
- Konfigurieren Sie die entsprechenden Cache-Control-Header
- Legen Sie die TTLs basierend auf der Inhaltsaktualisierungshäufigkeit fest
- Nach Aktualisierungen betroffene Sprachversionen entfernen
- Testen Sie zwischengespeicherte Seiten in jeder unterstützten Sprache
- Auf Antworten in der falschen Sprache prüfen
- Prüfen Sie, ob die übersetzten Inhalte veraltet sind
- Sprachspezifische URLs mit Suchmaschinen-Crawlern überprüfen
Fazit
Effektives Caching mehrsprachiger Websites erfordert ein ausgewogenes Verhältnis zwischen Website-Performance und der Bereitstellung der korrekten, aktuellen Sprachversion für jeden Besucher. Durch die Verwendung sprachspezifischer Cache-Schlüssel, geeigneter Gültigkeitsdauern (TTL) und zuverlässiger Cache-Invalidierung lassen sich Serveranfragen reduzieren und gleichzeitig die Verwendung falscher oder veralteter Inhalte verhindern.
Für eine einfachere Verwaltung übersetzter Inhalte registrieren Sie sich bei Linguise und optimieren Sie Ihren Workflow für mehrsprachige Websites durch automatisierte Übersetzungen, während Ihre lokalisierten Inhalte schnell und übersichtlich bleiben.
