{"id":295,"date":"2018-04-13T17:19:18","date_gmt":"2018-04-13T15:19:18","guid":{"rendered":"https:\/\/ekiwi.de\/?p=295"},"modified":"2018-04-13T17:19:18","modified_gmt":"2018-04-13T15:19:18","slug":"youtube-videos-ladezeiten-beim-einbinden-verbessern","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/295\/youtube-videos-ladezeiten-beim-einbinden-verbessern\/","title":{"rendered":"Youtube Videos &#8211; Ladezeiten beim Einbinden verbessern"},"content":{"rendered":"<p>Bindet man zahlreiche Youtube-Videos in die eigene Webseite ein, kommt es zu l\u00e4ngeren Ladezeiten. Die normale Einbindung von Youtube funktioniert mittels Iframe, welcher beim Aufruf der Seite geladen wird.<\/p>\n<p><!--more--><\/p>\n<p>Um Bandbreite zu sparen und die Ladegeschwindigkeit zu erh\u00f6hen, gibt es M\u00f6glichkeiten, dass Laden des Videos erst nach einem Klick durch den Benutzer anzutriggern. Dies kann man mit dem kostenlosen Online-Tool &#8222;<a href=\"https:\/\/techbrij.com\/tools\/youtube-video-embed-code-generator.php\">YouTube Optimized Embed Code Generator<\/a>&#8220; realisieren. URL eingeben, Gr\u00f6\u00dfe und Design festlegen und schon generiert das Werkzeug etwas Java-Script-Code, welcher das Video in die Webseite einbindet.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/04\/youtube_tool.png\" alt=\"\" width=\"614\" height=\"485\" class=\"aligncenter size-full wp-image-296\" srcset=\"\/wp-content\/uploads\/2018\/04\/youtube_tool.png 614w, \/wp-content\/uploads\/2018\/04\/youtube_tool-300x237.png 300w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/p>\n<p>F\u00fcr den Benutzer \u00e4ndert sich nicht soviel, er sieht eine Vorschau, klickt auf den Play-Button und das Video startet. Erst durch den Klick des Anwenders werden die Daten von Youtube geladen. Datenschutztechnisch auch keine schlechte Idee. Allerdings ist das Tool von Haus aus nicht ganz datenschutzfreundlich. So wird die Vorschau des Videos weiterhin vom Youtube-Server geladen, die URL lautet z.B. <code>\/\/i.ytimg.com\/vi\/zaR3kPLv8jU\/hqdefault.jpg<\/code>. Weiterhin wird ein Vorschaubild f\u00fcr den Playbutton von einem weiteren Server geladen (<code>http:\/\/i.imgur.com\/TxzC70f.png<\/code>). Diese Probleme lassen sich jedoch leicht durch kleine Modifikationen am Quelltext ab\u00e4ndern.<\/p>\n<p>Wer Probleme mit Ladenzeiten der Webseite hat, kann sich das <a href=\"https:\/\/techbrij.com\/tools\/youtube-video-embed-code-generator.php\">Tool anschauen<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bindet man zahlreiche Youtube-Videos in die eigene Webseite ein, kommt es zu l\u00e4ngeren Ladezeiten. Die normale Einbindung von Youtube funktioniert<\/p>\n","protected":false},"author":1,"featured_media":297,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[5],"tags":[4,44,57,56],"class_list":["post-295","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hmtl","tag-html","tag-javascript","tag-tool","tag-youtube"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=295"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/295\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/297"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}