Kein iframe im Quelltext
Die Ersetzung passiert auf dem Server am fertigen HTML. Der Besucher bekommt gar nicht erst ein YouTube-iframe ausgeliefert - im Seitenquelltext ist keines mehr zu finden.
YouTube-Videos, ohne die Ladezeit.
Statt des kompletten Players erscheint ein Vorschaubild mit Play-Knopf. Erst beim Klick wird YouTube geladen - das spart je Video bis zu einem Megabyte und setzt bis dahin keine Cookies.
Was das Plugin macht
Der Player kommt erst, wenn jemand klickt.
Das Plugin ersetzt jedes YouTube-iframe im fertig gerenderten Storefront-HTML durch ein leichtes Vorschau-Element: ein Bild mit Play-Knopf. Erst beim Klick wird der echte Player nachgeladen - und startet direkt.
Ein Klick genügt
Nach dem Klick läuft das Video sofort los, ohne zweiten Klick auf einen Play-Knopf von YouTube. Auch auf iOS und Android.
Template, Editor, Erlebniswelt
Erfasst werden alle iframes von youtube.com und youtube-nocookie.com, gleich ob sie aus dem Template stammen, aus einer Produktbeschreibung im Editor oder aus einem Erlebniswelten-Element.
Auch versteckte Videos
Videos in geschlossenen Modalboxen werden ebenso umgewandelt. Das Vorschaubild lässt sich zusätzlich verzögert laden, damit es nicht schon beim Seitenaufruf geholt wird.
Kein Weiterlaufen im Hintergrund
Wird eine Modalbox mit laufendem Video geschlossen, stoppt der Ton. Und beim Wechsel zwischen den Reitern einer Produktseite bleibt das Video bedienbar.
Keine zwei Umsetzungen
Bringt ein Theme bereits ein eigenes Element namens lite-youtube mit, hält sich das Plugin heraus und überlässt ihm das Feld - sonst würden sich zwei Umsetzungen gegenseitig stören.
Wofür das gebraucht wird
Videos kosten Ladezeit - auch ungesehen.
Ein eingebundenes YouTube-Video lädt beim Seitenaufruf den kompletten Player, ob jemand auf Play drückt oder nicht. Bei vier Videos auf einer Produktseite summiert sich das auf mehrere Megabyte.
Der Player kommt später
Statt des Players erscheint zunächst nur ein Vorschaubild mit Play-Knopf. Erst wenn jemand darauf drückt, wird YouTube geladen - und das Video startet direkt, ohne zweiten Klick.
Weniger Übertragung
Das schlägt unmittelbar auf den PageSpeed-Wert durch, besonders auf Mobilgeräten und bei Seiten mit mehreren Videos.
Sauber bis zur Einwilligung
Ohne Klick entsteht keine Verbindung zu YouTube und es werden keine Cookies gesetzt. Mit lokal gespeicherten Vorschaubildern geht auch keine IP-Adresse an Google.
Am fertigen HTML
Das Plugin arbeitet auf der fertig gerenderten Seite und ersetzt die iframes dort. Keine Template-Anpassung, kein Child-Theme - ein Theme-Update kann die Funktion nicht aushebeln.
Egal woher das Video kommt
Aus dem Template, aus einer Produktbeschreibung im Editor oder aus einem Erlebniswelten-Element - alle YouTube-iframes werden erfasst, von youtube.com wie von youtube-nocookie.com.
Bewusst zurückhaltend
Vimeo, Google Maps und andere Anbieter bleiben unberührt. Ebenso iframes in Skripten, Vorlagen, Textfeldern und Kommentaren sowie Videos, die ein Lazy-Loader ohnehin nachlädt.
Einstellungen
Vorschaubilder aus dem eigenen Shop.
Wie das Vorschaubild kommt, entscheidet über den Datenschutzgewinn. Drei Wege stehen zur Wahl, dazu die Steuerung je Pfad und Verkaufskanal.
Der empfohlene Weg
Der Server holt jedes Vorschaubild einmalig und legt es im Shop ab. Der Besucher bekommt es von dort - beste Optik bei voller Cookie- und IP-Freiheit. Auch mit S3 oder anderem entfernten Speicher.
Für die strengste Auslegung
Wer keine einzige Verbindung nach außen will, zeigt einen dunklen Hintergrund mit Play-Knopf. Bis zum Klick passiert dann garantiert nichts.
Abweichungen sichtbar
Die Einstellungen gelten allgemein oder je Kanal. Weicht ein Kanal ab, zeigt ein Hinweis die betroffenen Felder - und ein Knopf setzt ihn auf den Standard zurück.
Gut für einen Test
Eine Positivliste beschränkt die Umwandlung auf einzelne Seiten, ein Stern am Ende wirkt als Platzhalter. So lässt sich erst eine Seite messen, bevor der ganze Shop umgestellt wird.
Die Ausnahme schlägt die Regel
Eine zweite Liste nimmt einzelne Pfade aus. Sie wird zuerst geprüft - sinnvoll für Landingpages, auf denen ein Video sofort spielen soll.
Kleiner bei gleicher Schärfe
Vorschaubilder werden bevorzugt als WebP geholt und weichen auf JPEG aus, wo es sie nur dort gibt. Die gewünschte Größe ist eine Obergrenze; fehlt sie für ein Video, wird die nächstkleinere genommen.
Technische Details
Serverseitig, nicht im Browser.
Die Ersetzung passiert auf dem Server am fertigen HTML. Der Besucher bekommt gar nicht erst ein iframe ausgeliefert.
Kompatibilität
Vorschaubilder im Hintergrund
Der Abruf startet erst, nachdem die Seite beim Besucher angekommen ist, kostet also keine Wartezeit. Je Seitenaufruf werden hoechstens vier Bilder geholt, dazu arbeitet ein stuendlicher Vorgang die Warteschlange ab.
Kein voreiliges Zwischenspeichern
Solange auf einer Seite ein Vorschaubild fehlt, wird sie bewusst nicht in den Seiten-Cache gelegt - sonst friere das Ersatzbild dort ein. Videos, die nach drei Versuchen aufgeben, zaehlen dabei nicht mit, damit ein einzelnes kaputtes Video eine Seite nicht dauerhaft ausschliesst.
Weicht dem Theme aus
Registriert ein Theme bereits ein eigenes Element namens lite-youtube, haelt sich das Plugin heraus und ueberlaesst ihm das Feld. Zwei Umsetzungen wuerden sich sonst gegenseitig stoeren.
Eigene Auslieferung als Rueckfall
Kann das Dateisystem keine oeffentliche Adresse liefern, gibt das Plugin die Bilder ueber eine eigene Route aus, mit einem Zwischenspeicher-Hinweis von einem Jahr.
Häufige Fragen
Häufige Fragen zu Lite YouTube
Videos, Ladezeit und Datenschutz im Shopware-Shop.
Wie mache ich YouTube-Videos in Shopware schneller?
Indem der Player nicht mehr beim Seitenaufruf geladen wird. Das Plugin ersetzt jedes YouTube-iframe durch ein Vorschaubild mit Play-Knopf; der eigentliche Player kommt erst beim Klick. Das spart je Video rund 0,5 bis 1 MB Übertragung.
Muss ich dafür mein Theme anpassen?
Nein. Das Plugin arbeitet auf dem fertig gerenderten HTML und ersetzt die iframes dort. Es ändert keine Template-Dateien, ein Theme-Update kann die Funktion also nicht aushebeln. Nach Installation und Updates ist lediglich ein theme:compile nötig.
Werden ohne Klick wirklich keine Cookies gesetzt?
Ohne Klick entsteht keine Verbindung zu YouTube. Ob auch keine IP-Adresse an Google geht, hängt vom Vorschaubild ab: Bei „Im Shop speichern" kommt es aus deinem Shop, bei „Direkt von YouTube laden" dagegen von Google. Für vollständige Freiheit wählst du die lokale Speicherung oder gar kein Vorschaubild.
Woher kommen die Vorschaubilder?
Der Server holt sie einmalig je Video und legt sie im Shop ab - das läuft im Hintergrund, nachdem die Seite beim Besucher angekommen ist, und kostet ihn keine Wartezeit. Die Bilder liegen im öffentlichen Dateisystem, was auch mit S3 funktioniert.
Kann ich das erst auf einer Seite testen?
Ja. Unter „Nur diese Pfade" trägst du eine einzelne Seite ein, misst mit PageSpeed Insights vorher und nachher, und leerst das Feld danach wieder. Umgekehrt lassen sich einzelne Seiten dauerhaft ausnehmen.
Gilt das für alle Videos im Shop?
Für alle YouTube-Videos, gleich ob sie aus dem Template, aus einer Produktbeschreibung oder aus einer Erlebniswelt stammen. Vimeo, Google Maps und andere Anbieter bleiben unberührt, ebenso Videos in Skripten, Vorlagen und Kommentaren.
Was kostet Lite YouTube?
Der Direktbezug kostet 7,99 Euro netto im Monat, 39,99 Euro netto im Halbjahr oder 74,99 Euro netto im Jahr. Bei jährlicher Zahlung sparst du rund 22 Prozent. Alle Preise verstehen sich zuzüglich Umsatzsteuer.
Was passiert, wenn die Lizenz ausläuft?
Der Shop läuft weiter und bereits umgewandelte Videos bleiben umgewandelt - Besucher merken nichts. Gesperrt sind nur die Verwaltung und das Holen neuer Vorschaubilder.
Verfügbarkeit
Über den Store oder direkt bei uns.
Zwei Wege, derselbe Funktionsumfang - such dir aus, was besser zu deinem Setup passt.
Ab sofort möglich
Monatlich7,99 €
Halbjährlich39,99 €16 % günstiger
Bester PreisJährlich74,99 €25 % günstiger
Alle Preise netto zzgl. USt.
Du kaufst die Lizenz direkt bei uns und bekommst eine Rechnung von uns. Installation per Upload im Admin ohne SSH, Updates über unsere Lizenzplattform, Support direkt vom Entwickler.
In Vorbereitung
Das Plugin wird im offiziellen Shopware Community Store gelistet. Installation und automatische Updates laufen dann über den Plugin Manager im Backend, die Abrechnung über deinen Shopware-Account. Sobald verfügbar, verlinken wir es hier.