> ## Documentation Index > Fetch the complete documentation index at: https://dokumentation.websale.de/llms.txt > Use this file to discover all available pages before exploring further. # Ladezeit und Verschlüsselung > Mit dem PageSpeed-Tool Requests reduzieren, CSS und JavaScript minimieren und Browser-Caching steuern, und den Shop vollständig auf SSL umstellen. Zwei Eigenschaften der Auslieferung wirken sich auf das Ranking aus, ohne dass ein einziger Inhalt dafür geschrieben werden muss: wie schnell eine Seite geladen wird und ob sie verschlüsselt übertragen wird. Beides kommt mit dem Ausliefershop schon weitgehend eingerichtet, beides lässt sich weiter verbessern. ## Die Ladezeit verbessern Gerade auf Mobilgeräten entscheidet die Ladezeit darüber, ob ein Besucher bleibt. Suchmaschinen messen sie und lassen sie in das Ranking einfließen. Das PageSpeed-Tool von WEBSALE V8s setzt dafür an drei Punkten an: weniger Anfragen an den Server, kleinere Dateien und weniger wiederholte Übertragungen. ### Weniger Anfragen durch Gruppierungen Für die Darstellung einer Seite fragt der Browser jede benötigte Datei einzeln an, also jede Stildatei, jedes Skript, jedes Bild. Je weniger dieser Anfragen nötig sind, desto schneller steht die Seite. Das PageSpeed-Tool fasst dafür CSS- und JavaScript-Dateien zu Gruppierungen mit einer frei wählbaren Kennung zusammen. Jede Gruppierung wird als eine einzige Datei ausgeliefert. Damit binden Sie je Seite nur das ein, was diese Seite braucht, ohne dass daraus ein Dutzend einzelner Anfragen wird. Wegweiser: [JavaScript und jQuery](https://dokumentation.websale.de/v8s/templates/javascript-und-jquery.md) · [CSS](https://dokumentation.websale.de/v8s/templates/css.md) ### Kleinere Dateien durch Minimierung Jede Gruppierung wird bei der Bereitstellung automatisch minimiert. Entfernt werden Leerzeichen, Zeilenumbrüche und Einzüge, die für die Ausführung nicht gebraucht werden. Die Dateien werden dadurch schneller geladen, gelesen und ausgeführt. > [!WARNING] > > Übergeben Sie dem PageSpeed-Tool nur nicht minimierte Dateien. Eine bereits minimierte Datei ein zweites Mal zu minimieren kann sie unbrauchbar machen. ### Weniger Übertragungen durch Browser-Caching Wiederkehrende Besucher holen bei jedem Besuch dieselben Bilder, Stile und Skripte erneut. Sagt der Server dem Browser, welche Dateien er aus seinem eigenen Zwischenspeicher nehmen darf, entfallen diese Übertragungen. Der Haken daran: Ändern Sie eine Datei, sieht der Besucher weiterhin die alte Fassung aus seinem Zwischenspeicher. Je nach Dateityp ist deshalb abzuwägen, wie lange zwischengespeichert werden soll. Für CSS und JavaScript löst das PageSpeed-Tool das Problem selbst. Jede Gruppierung bekommt einen Fingerabdruck im Dateinamen. Aus `my_css_group.css` wird beispielsweise `my_css_group_1234.css`. Ändert sich eine Datei innerhalb der Gruppierung, ändert sich der Fingerabdruck, der Dateiname ist damit ein anderer, und der Browser muss die Datei neu holen. Unveränderte Gruppierungen behalten ihren Fingerabdruck und kommen weiter aus dem Zwischenspeicher. Für diese Dateien ist Browser-Caching deshalb uneingeschränkt zu empfehlen. Produktdaten sind von der Frage nicht betroffen. Sie stehen im HTML der Shopseite, und dieses ist als nicht zwischenspeicherbar gekennzeichnet. Ein neuer Preis ist damit bei jedem Seitenaufruf sofort sichtbar. Für andere Dateitypen entscheiden Sie gemeinsam mit dem Versandhändler. Eine kurze Dauer von beispielsweise einer Stunde für `.jpg`, `.png` und `.gif` hält die Bilder für die Dauer eines Shopbesuchs vor und bleibt trotzdem aktuell. > [!WARNING] > > Für Dateien, die zu einem bestimmten Zeitpunkt ausgetauscht werden müssen, etwa Banner für eng befristete Aktionen, ändern Sie immer auch den Dateinamen. Nur ein neuer Name zwingt den Browser, die Datei zu laden. Die Anweisungen dafür setzen Sie je Dateityp über einen `Expires`-Eintrag in der Datei `.ws_access.conf` im Wurzelverzeichnis der Domain. Sie entspricht in ihrer Funktion der Apache-Konfigurationsdatei `.htaccess`. ## Den Shop vollständig verschlüsseln Im SSL-Only-Modus wird jede Seite des Shops verschlüsselt übertragen, nicht nur der Checkout. Das erhöht die Sicherheit, es ist für Kunden am Schloss in der Adresszeile sichtbar, und Google wertet verschlüsselte Seiten im Ranking auf. Betroffen sind nicht nur die Shopseiten. Auch Bilder, Stildateien und Skripte werden dann über `https://` adressiert. Die Zusatzanwendungen wie TopRank, Datenfeeds für Preissuchmaschinen, BackInStockMail und der E-Marketing-Manager unterstützen den Modus ebenfalls. Nach der Umstellung führt ein Aufruf über `http://` zu einer 301-Weiterleitung auf `https://`. Unverschlüsselt ist der Shop dann nicht mehr erreichbar. Voraussetzung ist ein eigenes SSL-Zertifikat für den Shop. Seit der V8 ist das bei allen Shops vorhanden. Links, die TopRank-Manager und Dataflow-Manager erzeugen, werden täglich automatisch aktualisiert. Nach der Umstellung kann WEBSALE diese Aktualisierung auch sofort anstoßen. ### Vorbereiten Alles, was nach der Umstellung noch über `http://` angefordert wird, wird vom Browser blockiert oder als unsicher gemeldet. Vor der Umstellung ist deshalb jede solche Stelle zu finden. Fünf Bereiche sind zu prüfen: | Bereich | Was zu tun ist | | - | - | | Verlinkungen | nur Verlinkungen ohne WEBSALE-Tags prüfen | | JavaScripts von Drittanbietern | Aufruf auf `https://` umstellen | | externe Anwendungen | Aufruf auf `https://` umstellen und Anbieter informieren | | Designelemente wie Grafiken, Schriften und Stile | nur Pfade ohne WEBSALE-Tag und ohne relativen Pfad prüfen | | [Textpflege-Plattform](https://dokumentation.websale.de/v8s/grundlagen-zu-texten-und-sprachen-eines-shops-textpflege.md) | Verlinkungen und eingebundene Skripte in den Textvariablen prüfen | Bei allen Links und Pfaden, die WEBSALE selbst erzeugt, also über Tags wie `CAT-Link`, `PR-Link`, `PR-Image` oder `CAT-AdvNavImage`, wird `http://` automatisch durch `https://` ersetzt. Dasselbe gilt für relative Pfade. Diese Stellen brauchen Sie nicht anzufassen. Für jede verbleibende Stelle gilt dasselbe Vorgehen: Rufen Sie die Adresse mit `https://` im Browser auf. Lässt sie sich laden, ändern Sie den Aufruf im Template. Lässt sie sich nicht laden, wenden Sie sich an Ihren Ansprechpartner und nehmen Sie die Umstellung dieser Stelle zunächst im Design-Testmodus vor. Ein festes Ziel wird zum internen Link oder bekommt `https://`: ```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}} Ihr Banner Ihr Banner ``` Ein Skript eines Drittanbieters: ```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}} ``` Skripte, die ausschließlich im Bestellprozess eingebunden sind, brauchen Sie nicht zu prüfen. Der Bestellprozess läuft ohnehin verschlüsselt. Informieren Sie externe Anbieter über die Umstellung, sofern deren Dienste in Ihre Seiten eingebunden sind, beispielsweise ein Bewertungsanbieter. Wegweiser: [JavaScript und jQuery](https://dokumentation.websale.de/v8s/templates/javascript-und-jquery.md) Grundlagen: Textpflege-Plattform ### Testen Den SSL-Testmodus schaltet die WEBSALE-Technik frei. Bitte wenden Sie sich dafür an Ihren Ansprechpartner. Rufen Sie den Shop mit drei Parametern auf: ```text theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}} https://www.ihre-domain.de/?test=on&design-test=on&sslonly-test=on ``` Klicken Sie anschließend auf eine beliebige Kategorie und ein beliebiges Produkt. Die Adresse steht jetzt auf `https://`. Öffnen Sie die Entwicklerkonsole Ihres Browsers und gehen Sie den Shop durch. > [!WARNING] > > Vor der Umstellung auf SSL-Only darf die Konsole auf keiner Seite Ihres Shops Fehler melden. Meldungen über blockierte unverschlüsselte Inhalte weisen genau auf die Stellen hin, die noch offen sind. ### Umstellen Sind alle Aufrufe umgestellt und bleibt die Konsole fehlerfrei, entfernen Sie die `ST-DesignTest`-Klammerungen, mit denen Sie einzelne Stellen getestet haben. Danach setzen Sie sich mit WEBSALE in Verbindung, die Umstellung selbst nimmt die WEBSALE-Technik vor. Alle Shops und Subshops unter derselben Domain werden gleichzeitig umgestellt. Wegweiser: [Testmodi des Shops ein- und ausschalten](https://dokumentation.websale.de/v8s/domains/testmodi-des-shops-ein-ausschalten.md) Referenz: ST-DesignTest ## Verwandte Themen * Wegweiser: [CSS](https://dokumentation.websale.de/v8s/templates/css.md) * Wegweiser: [JavaScript und jQuery](https://dokumentation.websale.de/v8s/templates/javascript-und-jquery.md) * Grundlagen: Textpflege-Plattform ## Related topics - [REST PageSpeed-Tool](https://dokumentation.websale.de/v8s/schnittstellen/rest-osb-dienste/rest-pagespeed-tool.md) - [Server-Konfiguration ws_access.conf](https://dokumentation.websale.de/v8s/referenz/konfigurationen/server-konfiguration-ws-access-conf.md) - [$wsSecurity - Verschlüsselung](https://dokumentation.websale.de/frontend/referenz/module/wssecurity.md) - [Sicherheitskonzept und Datenschutz](https://dokumentation.websale.de/v8s/sicherheitskonzept-und-datenschutz.md) - [Anmeldung und Registrierung](https://dokumentation.websale.de/v8s/kundenkonto/anmeldung-registrierung.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.