Ihre Webseiten mit CDN beschleunigen

Ziel

Sie können die Benutzerfreundlichkeit Ihrer Webseiten durch die Beschleunigung des Seitenaufbaus verbessern. Die effektivste Technik hierzu können Sie mit der Aktivierung eines CDN (Content Delivery Network) einsetzen. Diese Option ermöglicht das Zwischenspeichern statischer Dateien wie Bilder, CSS und JavaScript auf Servern, die näher bei Ihren Besuchern liegen.

Diese Anleitung erklärt, wie Sie die CDN-Option für Ihr Webhosting verwalten.

Definition

Wie funktioniert ein CDN?

Ein CDN (Content Delivery Network) bezeichnet ein Netzwerk für die Bereitstellung von Inhalten. Es werden mehrere Server weltweit bereitgestellt, um Ihre Webseiteninhalte anzuzeigen. Je näher diese Server bei Ihren Benutzern liegen, desto schneller funktioniert ihre Webseite.

Jeder Server speichert einen Teil Ihrer Webseite im Cache, um die Funktion zu gewährleisten. Im Allgemeinen ist es ratsam, so genannte statische Dateien einzubeziehen: Bilder, JavaScript- und CSS-Dateien, die das ordnungsgemäße Funktionieren Ihrer Webseite ermöglichen, aber nur sehr selten geändert werden.

Voraussetzungen

• Sie haben ein OVHcloud Webhosting in Ihrem Kunden-Account.

Zugriff auf das OVHcloud Kundencenter

• Direkter Link: Webhosting
• Navigationspfad: Web Cloud > Hosting-Pakete > Wählen Sie Ihr Webhosting aus

In der praktischen Anwendung

Die CDN-Option aktivieren

Wenn die CDN-Option nicht auf Ihrem Webhosting bestellt oder aktiviert wurde

Loggen Sie sich in Ihr OVHcloud Kundencenter ein und klicken Sie im Bereich Web Cloud auf Hosting-Pakete. Wählen Sie das betreffende Hosting aus und klicken Sie auf ... rechts neben "CDN-Option" danach auf CDN bestellen oder Option aktivieren, wenn die CDN-Option bereits in Ihrem Hosting enthalten ist.

Sie werden zum Bestellformular weitergeleitet. Sobald die Bestellung bezahlt wurde, ist Ihre Dienstleistung innerhalb weniger Minuten verfügbar.

Wenn die CDN Option bereits für Ihr Webhosting aktiviert ist

Loggen Sie sich in Ihr OVHcloud Kundencenter ein und klicken Sie im Bereich Web Cloud auf Hosting-Pakete. Wählen Sie das betreffende Hosting aus. Klicken Sie auf dem Tab Multisite auf ... rechts neben dem betreffenden Domain- oder Subdomain-Namen und dann auf Domain bearbeiten.

Haken Sie "CDN aktivieren" an, klicken Sie auf Weiter und dann auf Bestätigen.

Warum kann ich mit der CDN-Option nicht von geolokalisierten IPs profitieren?

Das CDN basiert auf dem Prinzip der Anycast-IP. Statische Dateien werden effizienter bereitgestellt, indem nicht derselbe Server je nach Standort angefragt wird. Eine IP-Geolokalisierung ist daher nicht erforderlich.
Bezüglich SEO (Suchmaschinenoptimierung) ist die Ladegeschwindigkeit Ihrer Webseite wichtiger als die Geolokalisierung der IP-Adressen Ihres Hostings.

Shared CDN verwalten

Den Shared CDN-Cache leeren

Es ist manchmal nützlich, den CDN-Cache zu leeren, insbesondere, wenn Sie Ihre statischen Dateien ändern. Dies ist zum Beispiel der Fall, wenn Sie eine neue Version Ihrer Webseite erstellt haben. Sie können den Cache für jede Ihrer Domains und Subdomains leeren.

Gehen Sie zum Tab Multisite Ihres Hostings, klicken Sie auf ... rechts neben dem betreffenden Domain- oder Subdomain-Namen und dann auf CDN leeren.

Shared CDN-Optionen konfigurieren

Gehen Sie auf den Tab Multisite Ihres Hostings, klicken Sie auf ... rechts neben dem betreffenden Domain- oder Subdomain-Namen und dann auf CDN bearbeiten.

• Always online: Erlaubt die Online-Speicherung der CDN Daten im Fall eines Serverausfalls.

• HTTP/2: Protokoll, das die Sicherheit und Latenz Ihrer Webseite verbessert.

• Dev-Mode: Ermöglicht es Ihnen, den Cache während der Entwicklung Ihrer Webseite zu deaktivieren.

• Brotli: Typ der Komprimierung, um die Größe Ihrer Dateien im Cache zu optimieren.

• Cache-Regel: Erstellen Sie bis zu 5 Regeln. Sie definieren die Häufigkeit der Cache-Aktualisierungen für bestimmte Ressourcen Ihrer Webseite (siehe nächster Schritt.)

Wenn Sie Ihre Optionen ausgewählt haben, klicken Sie auf Konfiguration anwenden und dann auf Bestätigen.

Eine Cache-Regel erstellen

Um eine Cache-Regel zu einem der Elemente Ihrer Seite hinzuzufügen, gehen Sie auf den Tab Multisite Ihres Hostings, klicken Sie auf ... rechts neben dem betreffenden Domain- oder Subdomain-Namen und dann auf CDN konfigurieren.

Klicken Sie unter Cache-Regeln auf den Button Regel hinzufügen.

• Name der Regel: Weisen Sie Ihrer Regel einen Namen zu.

• URI: Geben Sie die entsprechenden Ressourcen Ihrer Webseite über den Verzeichnispfad an. Für die Angebote CDN Basic und CDN Security können nur Dateierweiterungen angegeben werden.

• Lebensdauer: Geben Sie die Dauer des Caching der ausgewählten Ressource an.

• Rangfolge: Sortieren Sie Ihre Regeln nach Ausführungsordnung.

Wenn Sie Ihre Auswahl vorgenommen haben, klicken Sie auf den Button Regel erstellen.

Die Regeln erscheinen in der Liste. Sie können sie ändern, indem Sie auf ... rechts neben der Regel klicken und dann auf Regel ändern oder eine Regel löschen, indem Sie Regel löschen auswählen.

Klicken Sie nach der Konfiguration Ihrer Regeln und Optionen auf Konfiguration anwenden und dann auf Bestätigen.

CDN Security Optionen konfigurieren

Gehen Sie auf den Tab Multisite Ihres Hostings, klicken Sie auf ... rechts neben dem betreffenden Domain- oder Subdomain-Namen und dann auf CDN bearbeiten.

• Cross-Origin Resource Sharing (CORS): Geben Sie in der Liste die externen Domainnamen an, die auf die Ressourcen Ihrer Website zugreifen dürfen.

  Wenn die Funktion aktiviert ist, klicken Sie auf Liste der externen Ressourcen bearbeiten, um die Domainnamen hinzuzufügen, die Ihre Ressourcen teilen dürfen.

  

Nachdem Sie Ihre Liste fertiggestellt haben, klicken Sie auf Bestätigen.

• HTTPS-Redirect: Schützen Sie den gesamten Traffic Ihrer Website, indem Sie ihn vorübergehend oder dauerhaft auf das HTTPS-Protokoll umleiten.

  Wenn die Funktion aktiviert ist, klicken Sie auf das Dropdown-Menü, um zwischen Permanente Weiterleitung (301) und Temporäre Weiterleitung (302) zu wählen.

  

• HTTP Strict Transport Security (HSTS): Machen Sie Ihre Website nur über HTTPS zugänglich. Auf diese Weise ist Ihr Hosting sicher vor Downgrade- (oder Rollback-) Angriffen.

  Wenn die Funktion aktiviert ist, legen Sie den Zeitraum fest, in dem der Browser die HSTS-Funktion auf Ihrer Website anwenden wird.

  

• Mixed content: Stellen Sie die Integrität aller Inhalte Ihrer Webseiten sicher. Die Seiten werden sicher geladen und tragen zu einem optimalen Benutzererlebnis bei. Alle internen und externen Ressourcen Ihrer Website müssen dabei in HTTPS verfügbar sein, um einen Browserfehler zu vermeiden.

• Application Firewall: Die Web Application Firewall (WAF) schützt Ihre Seite vor betrügerischen Angriffen wie Code-Injection, unzulässige Anfragen oder Datendiebstahl. Es deckt die wichtigsten bekannten Sicherheitsgefahren im Web ab, indem die übertragenen Anfragen und Pakete gefiltert werden (die Liste der Schwachstellen wird von OVHcloud verwaltet und regelmäßig aktualisiert).

Konfiguration der CDN Advanced-Optionen

Gehen Sie auf den Tab Multisite Ihres Hostings, klicken Sie auf ... rechts neben dem betreffenden Domain- oder Subdomain-Namen und dann auf CDN bearbeiten.

• Geolocation HTTP Header: Bestimmen Sie das Land des Besuchers, um die Ausgabe entsprechend anzupassen. Der Ländercode wird automatisch im Header jeder Anfrage hinzugefügt, um von Ihrem Original-Server bearbeitet zu werden. Die Identifikationselemente im Header werden unter den Bezeichnungen Geo-Country-Code, Geo-Country-Name, Geo-Region, Geo-City angegeben.

• Prefetch: Planen Sie das Laden der nächsten Ressource. Laden Sie sie automatisch im CDN Cache mithilfe des header link Ihrer Website. Dieser Mechanismus wird hauptsächlich verwendet, um CSS, JavaScript, Bilder, Favicons oder Schriftarten zu laden, die von der Website angefordert werden.

  Im folgenden Beispiel wird, wenn die aktuelle Seite "Hi" anzeigt, eine Subanfrage das Vorladen der Ressource/cache/style.css auslösen.

  <?php
  header("Link: </cache/style.css>; rel=prefetch");
  print 'Hi'
  ?> 

• Mobile redirect: Leiten Sie die Benutzer von Mobilgerät-Browsern automatisch auf eine optimierte Website um. Wahlweise systematisch umgeleitet auf den Root einer anderen Website oder die URL wird beibehalten, indem nur die Domain (oder die Subdomain) ersetzt wird.

• Advanced Purge: Individualiseren Sie die Leerung, indem Sie die zu löschenden Elemente des Caches auswählen: die gesamte Webseite, ein Ordner, eine URI, eine Dateierweiterung oder einen regulären Ausdruck.

  Gehen Sie zum Tab Multisite, klicken Sie auf die Schaltfläche ... rechts neben dem betreffenden Domain- oder Subdomain-Namen und dann auf Cache leeren.

  

• Query String: Verwaltung des Inhalte-Caching basierend auf den Parametern (auch Query String genannt) der Anfrage-URL. Wählen Sie abhängig von Ihrer Konfiguration das Verhalten des CDN Caches aus:

  • Deaktiviert: Die Ressource wird mit unsortierten Parametern in den Cache gelegt. Dies führt zum Beispiel zu 2 Iterationen im CDN Cache für 2 URLs mit den gleichen Einstellungen in einer anderen Reihenfolge.
  • Aktiviert - Einstellungen sortieren: Die Ressource wird durch Sortieren ihrer Parameter in den Cache gelegt. Es wird sortiert, bevor die URL im CDN Cache gespeichert wird. So wird zum Beispiel nur eine Iteration für 2 URL mit den gleichen Parametern in einer anderen Reihenfolge gespeichert.
  • Aktiviert - Einstellungen ignorieren: Die Ressource wird ohne Parameter gecached. Der CDN Cache berücksichtigt die in der URL eingegebenen Parameter nicht, er speichert die URL also ohne die Parameter im Cache.

• Prewarm: Erzwingt das permanente Caching Ihrer wichtigsten Ressourcen. Das CDN antizipiert und aktualisiert den Cache automatisch, ohne auf eine benutzerseitige Anfrage zu warten. Diese Funktion gilt nur für statischen Inhalt mit einer TTL über 0 und einer Ressource von höchstens 1 GB. Ein Messindikator gibt den Ressourcenverbrauch in Prewarm an, abhängig von der Liste Ihrer URLs. Der Gesamtumfang der von diesen URLs aufgerufenen Ressourcen darf 1 GB nicht überschreiten.

  Um die URL-Liste zu definieren, die in Prewarm enthalten sein sollen, klicken Sie auf Die Liste der URLs bearbeiten.

  Geben Sie mithilfe der Felder Protokoll, Domainname und Pfad der Ressource einen Link zu einer Ressource ein, die Sie zur Prewarm-Funktion hinzufügen möchten, und klicken Sie dann auf Hinzufügen.

  Im unteren wird eine Liste mit allen Links, die Sie erzeugt haben, aufgebaut. Sie können die Links Ihrer Wahl löschen, indem Sie diese auswählen, und dann auf Entfernen klicken.

  

• Cache rule: Erstellen Sie bis zu 100 Regeln. Mit ihnen wird die Häufigkeit der Cache-Aktualisierungen für bestimmte Ressourcen Ihrer Website definiert. Weitere Informationen finden Sie im nächsten Schritt.

Klicken Sie nach der Konfiguration Ihrer Optionen auf Konfiguration anwenden und dann auf Bestätigen.

Eine erweiterte Cache-Regel erstellen

Um eine Cache-Regel zu einem der Elemente Ihrer Website hinzuzufügen, gehen Sie auf den Tab Multisite Ihres Webhostings, klicken Sie auf ... rechts neben dem betreffenden Domain- oder Subdomain-Namen und dann auf CDN bearbeiten.

Klicken Sie unter Cache-Regeln auf den Button Regel hinzufügen.

• Regelname: Weisen Sie Ihrer Regel einen Namen zu.
• Ressourcenart: Wählen Sie aus den folgenden Optionen:
  • Endung: Geben Sie eine gültige Dateiendung ohne Punkt ein, zum Beispiel: CSS.
  • Ordner: Geben Sie einen gültigen Pfad zu einem Ordner im Wurzelverzeichnis Ihrer Website an.
  • Eigener regulärer Ausdruck: Gilt für alle URIs Ihrer Website.
  • URI: Geben Sie die Teilmenge der Ressourcen Ihrer Website über den URL-Pfad ein.
• Ressource: Definieren Sie die Attribute abhängig vom gewählten Ressourcentyp.
• Laufzeit: Geben Sie die Cache-Dauer der ausgewählten Ressource an.
• Reihenfolge: Sortieren Sie Ihre Regeln (von der niedrigsten zur höchsten) nach Ausführungsreihenfolge.

Wenn Sie Ihre Auswahl vorgenommen haben, klicken Sie auf den Button Regel erstellen.

Die Regeln erscheinen in einer Liste. Sie können eine Regel ändern, indem Sie auf ... rechts von dieser und dann auf Die Regel ändern klicken. Sie können die Regel löschen, indem Sie auf Die Regel löschen klicken.

Klicken Sie nach der Konfiguration Ihrer Regeln und Optionen auf Konfiguration anwenden und dann auf Bestätigen.

Statistiken und Logs des CDN anzeigen

Um die Statistiken und/oder Logs des CDN einzusehen, lesen Sie unsere zugehörige Anleitung: „Webhosting - CDN Statistiken und Logs einsehen“.

Wie kann ich meine Dateien im CDN zwischenspeichern?

Verwendung eines CMS

Die wichtigsten CMS erlauben die Installation zahlreicher Plugins, mit denen das Caching statischer Dateien so konfiguriert werden kann, dass sie vom CDN automatisch berücksichtigt werden. Andere ermöglichen die automatische Konfiguration statischer Dateien durch Aktivierung des im CMS integrierten Caching. Weitere Informationen finden Sie in der offiziellen Dokumentation des von Ihnen verwendeten CMS oder des Plugin-Editors.

Ohne Verwendung eines CMS

Sie können auch dann vom CDN-Cache profitieren, wenn Sie kein CMS verwenden. Hierzu müssen Sie bei HTTP-Anfragen Header hinzufügen. Es gibt verschiedene Methoden zum Hinzufügen dieser Header. Am einfachsten definieren Sie Regeln in einer .htaccess Datei basierend auf Dateierweiterungen.

# Bilder eine Woche lang zwischenspeichern
    <FilesMatch "\.(jpg|jpeg|png|gif)$">
    Header-Set Cache-Control "max-age=604800, public"
    </FilesMatch>

# Caching von JavaScript und CSS für einen Monat
    <FilesMatch "\.(js|css)$">
    Header-Set Cache-Control "max-age=2592000"
    </FilesMatch>

Die CDN-Option für eine Website deaktivieren

Diese Aktion ermöglicht es, das CDN für eine oder mehrere Ihrer Domains oder Subdomains zu deaktivieren, ohne die CDN-Option aus Ihrem Webhosting zu entfernen.

Loggen Sie sich in Ihr OVHcloud Kundencenter ein und klicken Sie im Bereich Web und dann auf Hosting-Pakete. Wählen Sie das betreffende Hosting aus. Klicken Sie auf dem Tab Multisite auf ... rechts neben dem betreffenden Domain- oder Subdomain-Namen und dann auf Domain bearbeiten.

Entfernen Sie den Haken bei "CDN aktivieren", klicken Sie auf Weiter und dann auf Bestätigen.

Die CDN-Option entfernen

Sie können hiermit die CDN-Option für Ihr gesamtes Webhosting kündigen.

Loggen Sie sich in Ihr OVHcloud Kundencenter ein und klicken Sie im Bereich Web Cloud auf Hosting-Pakete. Wählen Sie das betreffende Hosting aus und klicken Sie auf ... rechts neben "CDN-Option" und danach auf CDN kündigen.

Bestätigen Sie die Kündigung, indem Sie auf Bestätigen klicken.

Überprüfen, ob Ihr CDN in Betrieb ist

Um sicherzustellen, dass das CDN für Ihren Domainnamen aktiv ist, können Sie eine Überprüfung über ein Terminal mit dem folgenden Befehl durchführen:

curl -i http://yourpersonaldomain.ovh/

Wenn Ihr Domain-Name vom CDN unterstützt wird, erhalten Sie das folgende Ergebnis:

HTTP/1.1 200 OK
Date: Mon, 01 Jan 2020 00:00:00 GMT
Content-Type: text/html; charset=UTF-8
Set-Cookie: SERVERID12345=123456; path=/; max-age=900
Vary: Accept-Encoding
X-Request-ID: 123456789
X-CDN-Pop: rbx1
X-CDN-Pop-IP: 00.111.22.333/44
X-Cacheable: Cacheable
Accept-Ranges: bytes
Transfer-Encoding: chunked
X-IPLB-Instance: 12345

Die Ausgaben vom Typ "X-CDN" bestätigen, dass Ihr CDN funktioniert.

Falls der Domainname das CDN nicht verwendet, erhalten Sie das folgende Ergebnis:

HTTP/1.1 200 OK
Date: Mon, 01 Jan 2020 00:00:00 GMT
Content-Type: text/html; charset=UTF-8
Set-Cookie: SERVERID12345=123456; path=/; max-age=900
Server: Apache
X-Powered-By: PHP/7.1
Vary: Accept-Encoding
X-IPLB-Instance: 12345

Das Fehlen von "X-CDN" zeigt an, dass der Aufruf der Domain das CDN nicht durchlaufen hat.

Weiterführende Informationen

Kontaktieren Sie für spezialisierte Dienstleistungen (SEO, Web-Entwicklung etc.) die OVHcloud Partner.

Wenn Sie Hilfe bei der Nutzung und Konfiguration Ihrer OVHcloud Lösungen benötigen, beachten Sie unsere Support-Angebote.

Treten Sie unserer User Community bei.