¡Es hora de cargar de forma diferida iframes fuera de la pantalla!

Inhalt

Das native verzögerte Laden von Iframes auf Browserebene ist hier

24. Juli 2020

Das native Lazy Loading für gelandete Bilder in Chrome 76 über Wird geladen Attribut und dann kam es zu Firefox. Wir freuen uns, das zu teilen
native Lazy Loading für Iframes ist jetzt
standardisiert und es ist auch mit Chrome- und Chromium-Browsern kompatibel.

<iframe src="https://example.com"
        Wird geladen="faul"
        Breite="600"
Höhe="400"></iframe>

Natives iframe-verzögertes Laden verzögert das Laden von iframes außerhalb des Bildschirms, bis der Benutzer einen Bildlauf in die Nähe von ihnen durchführt. Dies speichert Daten, beschleunigt das Laden anderer Teile der Seite und reduziert die Speichernutzung.

Dies Manifestation von </code> zeigt verzögertes Laden von Video-Einbettungen:<figure class="w-figure w-figure--fullbleed"><video controls="" autoplay="" loop="" muted="" class="w-screenshot"><source src="https://storage.googleapis.com/web-dev-assets/iframe-lazy-loading/lazyload-iframes-compressed.webm" type="video/webm"><source src="https://storage.googleapis.com/web-dev-assets/iframe-lazy-loading/lazyload-iframes-compressed.mp4" type="video/mp4"></source></source></video> </figure><h3 id="why-should-we-lazy-load-iframes">Warum sollten wir Iframes träge laden? </h3>Einbettungen von Drittanbietern decken eine breite Palette von Anwendungsfällen ab, von Videoplayern bis hin zu Social Media-Posts und Anzeigen. Oft ist dieser Inhalt nicht sofort im Benutzeransichtsfenster sichtbar. Vielmehr wird es nur angezeigt, wenn sie die Seite nach unten scrollen. Trotzdem zahlen Benutzer die Kosten für das Herunterladen von Daten und teurem JavaScript für jeden Frame, auch wenn sie nicht dorthin scrollen.<figure class="w-figure"> <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkxOSIgdmlld0JveD0iMCAwIDE2MDAgOTE5Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" width="1600" height="919" alt='iframe-lazyloading-6365905' data-src='https://rmarketingdigital.com/wp-content/uploads/2020/09/iframe-lazyloading-6365905.png'> </figure>Basierend auf den Recherchen von Chrome zu <a rel="noopener noreferrer nofollow external" target="_self" href="https://blog.chromium.org/2019/10/automatically-lazy-loading-offscreen.html" data-wpel-link="external">iframes außerhalb des Bildschirms wird für Data Saver-Benutzer automatisch verzögert geladen</a>Das verzögerte Laden von Iframes kann zu durchschnittlichen Dateneinsparungen von 2-3%, ersten Farbreduzierungen mit 1-2%-Inhalten im Median und 2%-Verbesserungen bei der Verzögerung der ersten Eingabe (FID) beim 95. Perzentil führen.<h3 id="how-does-native-lazy-loading-for-iframes-work">Wie funktioniert das native Lazy Loading für Iframes? </h3>das <code>Wird geladen</code> Mit diesem Attribut kann ein Browser das Laden von Iframes und Bildern vom Bildschirm verschieben, bis Benutzer in die Nähe scrollen. <code>Wird geladen</code> unterstützt drei Werte:<ul><li><code>faul</code>: ist ein guter Kandidat für faules Laden.</li><li><code>eifrig</code>: kein guter Kandidat für faules Laden. Sofort aufladen.</li><li><code>Wagen</code>: Der Browser ermittelt, ob er faul geladen wird.</li></ul><div class="w-aside w-aside--note"><code>Wagen</code> Es ist derzeit ein nicht standardmäßiger Wert, aber heute ist dies die Standardeinstellung in Chrome. Chrome beabsichtigt, einen Vorschlag für diesen Wert in die Standardtabelle aufzunehmen.</div>Verwendung der <code>Wird geladen</code> Das Attribut in iframes funktioniert wie folgt:<web-copy-code><pre class="language-html"><code class="language-html"> <iframe src="https://example.com" Wird geladen="faul" Breite="600" Höhe="400"></iframe> <iframe src="https://example.com" Breite="600" Höhe="400"></iframe> <iframe src="https://example.com" Wird geladen="eifrig" Breite="600" Höhe="400"></iframe></code></pre></web-copy-code>Wenn Sie das Attribut überhaupt nicht angeben, hat dies die gleichen Auswirkungen wie das explizite Laden der Ressource mit Begeisterung, mit Ausnahme von <a rel="noopener noreferrer nofollow external" target="_self" href="https://blog.chromium.org/2019/04/data-saver-is-now-lite-mode.html" data-wpel-link="external">Der Lichtmodus</a> Benutzer, bei denen Chrome die verwenden wird <code>Wagen</code> Wert, um zu entscheiden, ob es faul geladen werden soll.Wenn du es brauchst dynamisch Erstellen Sie Iframes über JavaScript und stellen Sie sie ein <code>iframe.loading = 'faul'</code> im element ist auch <a rel="noopener noreferrer nofollow external" target="_self" href="https://bugs.chromium.org/p/chromium/issues/detail?id=993273" data-wpel-link="external">unterstützt</a>:<web-copy-code><pre class="language-js"><code class="language-js">var iframe = Dokument.createElement('iframe'); iframe.src = 'https://example.com'; iframe.Wird geladen = 'lazy'; Dokument.Körper.appendChild(iframe);</code></pre></web-copy-code><h4 id="iframe-specific-lazy-loading-behavior">Iframe-spezifisches verzögertes Ladeverhalten </h4>Das Ladeattribut wirkt sich anders auf Iframes aus als Bilder, je nachdem, ob der Iframe ausgeblendet ist. (Versteckte Iframes werden häufig zu Analyse- oder Kommunikationszwecken verwendet.) Chrome verwendet die folgenden Kriterien, um festzustellen, ob ein Iframe ausgeblendet ist:<ul><li>Die Breite und Höhe des Iframes sind <code>4px</code> oder weniger.</li><li><code>Anzeige: keine</code> oder <code>Sichtbarkeit: versteckt</code> Es wird angewendet.</li><li>Der Iframe wird mit negativer X- oder Y-Positionierung außerhalb des Bildschirms positioniert.</li><li>Dieses Kriterium gilt für beide <code>Laden = faul</code> y <code>Laden = Auto</code>.</li></ul>Wenn ein Iframe eine dieser Bedingungen erfüllt, betrachtet Chrome ihn als ausgeblendet und lädt ihn in den meisten Fällen nicht verzögert. Nicht ausgeblendete Iframes werden nur geladen, wenn sie sich innerhalb des Ladedistanzschwellenwerts befinden. Chrome zeigt einen Platzhalter für verzögert geladene Iframes an, die noch abgerufen werden.<h3 id="what-impact-might-we-see-from-lazy-loading-popular-iframe-embeds">Welche Auswirkungen könnten wir bei beliebten Iframe-Einbettungen mit verzögertem Laden sehen? </h3>Was wäre, wenn wir das Web im Allgemeinen so ändern könnten, dass die Iframes des verzögerten Ladebildschirms die Standardeinstellung sind? Es würde ein bisschen so aussehen:Lazy Loading YouTube Video Embeds (spart beim ersten Laden der Seite ~ 500 KB):<web-copy-code><pre class="language-html"><code class="language-html"><iframe src="https://www.youtube.com/embed/YJGCZCaIZkQ" Wird geladen="faul" Breite="560" Höhe="315" frameborder="0" ermöglichen="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></code></pre></web-copy-code>Anekdote: Als wir zum verzögerten Laden von YouTube-Einbettungen für Chrome.com gewechselt sind, haben wir 10 Sekunden gespart, wie schnell unsere Seiten auf Mobilgeräten interaktiv sein können. Ich habe einen internen Fehler bei YouTube geöffnet, um zu besprechen, wie man etwas hinzufügt <code>Laden = faul</code> zu Ihrem Einbettungscode.<figure class="w-figure"> <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkxOSIgdmlld0JveD0iMCAwIDE2MDAgOTE5Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" width="1600" height="919" alt='iframe-chromecom-3805627' data-src='https://rmarketingdigital.com/wp-content/uploads/2020/09/iframe-chromecom-3805627.png'> </figure><div class="w-aside w-aside--note">Wenn Sie nach effizienteren Möglichkeiten zum Hochladen von YouTube-Einbettungen suchen, sind Sie möglicherweise an der interessiert <a rel="noopener noreferrer nofollow external" target="_self" href="https://github.com/paulirish/lite-youtube-embed" data-wpel-link="external">YouTube Lite-Komponente</a>.</div>Faules Laden von Instagram-Inserts (spart beim ersten Laden> 100 KB in gzip):Instagram-Einbettungen bieten einen Markup-Block und ein Skript, die einen Iframe in Ihre Seite einfügen. Durch das verzögerte Laden dieses Iframes muss nicht das gesamte für die Einfügung erforderliche Skript geladen werden. Da solche Einbettungen in den meisten Artikeln häufig unterhalb des Ansichtsfensters angezeigt werden, scheint dies ein vernünftiger Kandidat für das native verzögerte Laden Ihres Iframes zu sein.Lazify Loading Spotify Embeds (spart beim ersten Laden 514 KB):<web-copy-code><pre class="language-html"><code class="language-html"><iframe src="https://open.spotify.com/embed/album/1DFixLWuPkv3KT3TnV35m3" Wird geladen="faul" Breite="300" Höhe="380" frameborder="0" allowtransparency="wahr" ermöglichen="encrypted-media"></iframe></code></pre></web-copy-code>Obwohl die obigen Einbettungen die potenziellen Vorteile des verzögerten Ladens von Iframes für Medieninhalte veranschaulichen, besteht die Möglichkeit, diese Vorteile auch in Anzeigen zu sehen.<h3 id="case-study:-natively-lazy-loading-the-facebook's-social-plugins">Fallstudie: Native Lazy Loading von Facebook Social Plugins </h3>Von Facebook soziale Plugins Ermöglichen Sie Entwicklern, Facebook-Inhalte auf ihren Webseiten einzubetten. Einige dieser Plugins werden angeboten, wie eingebettete Beiträge, Fotos, Videos, Kommentare ... Das beliebteste ist das <a rel="noopener noreferrer nofollow external" target="_self" href="https://developers.facebook.com/docs/plugins/like-button/" data-wpel-link="external">Als Ergänzung</a> - Eine Schaltfläche, die anzeigt, wer die Seite "gemocht" hat. Standardmäßig werden durch das Einbetten des Like-Plugins in eine Webseite (unter Verwendung des FB JSSDK) ~ 215 KB Ressourcen abgerufen, von denen 197 KB JavaScript sind. In vielen Fällen wird das Plugin möglicherweise am Ende eines Artikels oder am Ende einer Seite angezeigt, sodass das Laden außerhalb des Bildschirms möglicherweise nicht optimal ist.<figure class="w-figure"> <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjE0MiIgdmlld0JveD0iMCAwIDE2MDAgMTQyIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" width="1600" height="142" alt='fblike-3107047' class="w-screenshot" data-src='https://rmarketingdigital.com/wp-content/uploads/2020/09/fblike-3107047.png'> </figure>Dank an Ingenieur Stoyan Stefanov, <a rel="noopener noreferrer nofollow external" target="_self" href="https://developers.facebook.com/docs/plugins/like-button#settings" data-wpel-link="external">Alle Facebook Social Plugins unterstützen jetzt das native Laden von iframe Lazy</a>. Entwickler, die sich für das verzögerte Laden über Plugins entscheiden <code>Daten faul</code> Die Einstellungen können nun das Laden verhindern, bis der Benutzer in der Nähe einen Bildlauf durchführt. Auf diese Weise funktioniert das Einbetten für Benutzer, die es benötigen, weiterhin vollständig, und für diejenigen, die keine Seite nach unten scrollen, werden Dateneinsparungen erzielt. Hoffentlich ist dies die erste von vielen Ergänzungen zur Erforschung des faulen Ladens von nativem Iframe in der Produktion.<h3 id="wait-can't-browsers-just-automatically-lazy-load-offscreen-iframes">Warten Sie, können Browser nicht einfach träge Off-Screen-Iframes automatisch laden? </h3>Sie können es auf jeden Fall. In Chrome 77 hat Chrome die Unterstützung für Bilder außerhalb des Bildschirms und das verzögerte Laden von Iframes nativ hinzugefügt, wenn sich ein Benutzer dafür entschieden hat <a rel="noopener noreferrer nofollow external" target="_self" href="https://blog.chromium.org/2019/04/data-saver-is-now-lite-mode.html" data-wpel-link="external">Der Lichtmodus</a> (Datenspeichermodus) in Chrome für Android.Der Basismodus wird häufig in Regionen der Welt verwendet, in denen die Qualität der Netzwerkverbindung und der Datenpläne nicht die beste ist. Jedes Byte ist wichtig, und daher können faul ladende Iframes für diese Benutzer einen signifikanten Unterschied bewirken.Origins kann anhand der Option erkennen, wie viel Prozent Ihres Datenverkehrs von Benutzern im Basismodus stammt <code>navigator.connection.saveData</code> Eigentum, das Teil der ist <a rel="noopener noreferrer nofollow external" target="_self" href="https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation" data-wpel-link="external"><code>Netzwerkinformationen</code> API</a>.<h3 id="can-i-lazy-load-iframes-cross-browser-yes">Kann ich Iframes über mehrere Browser hinweg verzögert laden? Ja </h3>Das native Lazy-Laden von Iframes kann als progressive Verbesserung angewendet werden. Unterstützte Browser <code>Laden = faul</code> In Iframes wird der Iframe faul geladen, während der <code>Wird geladen</code> Das Attribut wird in Browsern, die es noch nicht unterstützen, ignoriert.Es ist auch möglich, Off-Screen-Iframes mit der JavaScript-Bibliothek Lazysizes zu laden. Dies kann wünschenswert sein, wenn:<ul><li>erfordern mehr benutzerdefinierte Schwellenwerte für das verzögerte Laden, als das native verzögerte Laden derzeit bietet</li><li>Wir möchten den Benutzern eine konsistente Erfahrung beim langsamen Laden von iframe über alle Browser hinweg bieten.</li></ul><web-copy-code><pre class="language-html"><code class="language-html"><Skript src="lazysizes.min.js" asynchron></Skript> <iframe frameborder="0" Klasse="lazyload" allowfullscreen="" Breite="600" Höhe="400" data-src="//www.youtube.com/embed/ZfV-aYdU4uE"> </iframe></code></pre></web-copy-code>Verwenden Sie das folgende Muster, um die Funktion zum verzögerten Laden zu erkennen und verzögerte Größen zu erhalten, wenn diese nicht verfügbar sind:<web-copy-code><pre class="language-html"><code class="language-html"><iframe frameborder="0" Klasse="lazyload" Wird geladen="faul" allowfullscreen="" Breite="600" Höhe="400" data-src="//www.youtube.com/embed/ZfV-aYdU4uE"> </iframe> <Skript> wenn ('loading' im HTMLIFrameElement.prototype) { const iframes = Dokument.querySelectorAll('iframe[loading="lazy"]'); iframes.forEach(iframe => { iframe.src = iframe.dataset.src; }); } else { const Skript = Dokument.createElement('script'); Skript.src = 'https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.2/lazysizes.min.js'; Dokument.Körper.appendChild(Skript); } </Skript></code></pre></web-copy-code><h3 id="wordpress">Eine Option für WordPress-Benutzer </h3>Möglicherweise sind viele Iframes über Jahre verteilt, in denen Inhalte auf einer WordPress-Site veröffentlicht wurden. Optional können Sie Ihrem WordPress-Theme den folgenden Code hinzufügen <code>functions.php</code> Datei zum automatischen Einfügen <code>Laden = "faul"</code> zu Ihren vorhandenen Iframes, ohne sie einzeln manuell aktualisieren zu müssen.Beachten Sie, dass <a rel="noopener noreferrer nofollow external" target="_self" href="https://core.trac.wordpress.org/ticket/50756" data-wpel-link="external">Derzeit wird auch an der nativen Unterstützung für das verzögerte Laden von Iframes im WordPress-Kern gearbeitet</a>. Das folgende Snippet sucht nach den relevanten Flags, sodass WordPress, sobald die Funktionalität integriert ist, die nicht mehr manuell hinzufügt <code>Laden = "faul"</code> Attribut, um sicherzustellen, dass es mit diesen Änderungen interoperabel ist und nicht zu einem doppelten Attribut führt.<web-copy-code><pre class="language-php"><code class="language-php"> Funktion wp_lazy_load_iframes_polyfill( $content ) { wenn ( function_exists( 'wp_lazy_loading_enabled' ) && wp_lazy_loading_enabled( 'iframe', 'the_content' ) ) { Rückkehr $content; }Rückkehr str_replace( '<iframe ', '<iframe loading="lazy" ', $content ); } add_filter( 'the_content', 'wp_lazy_load_iframes_polyfill' );</code></pre></web-copy-code>Wenn Ihre WordPress-Site Caching verwendet (Hinweis: sollte es sein), vergessen Sie nicht, den Cache Ihrer Site anschließend neu zu erstellen.<h3 id="conclusion">Fazit </h3>Durch das Backen der nativen Unterstützung für das verzögerte Laden von Iframes können Sie die Leistung Ihrer Webseiten erheblich verbessern. Wenn Sie Kommentare zum verzögerten Laden von nativem Iframe haben, können Sie gerne ein Problem an senden <a rel="noopener noreferrer nofollow external" target="_self" href="https://bugs.chromium.org/p/chromium/issues/entry?components=Blink%3ELoader%3ELazyLoad" data-wpel-link="external">Chrome Bug Tracker</a>.Und falls Sie es verpasst haben, sehen Sie sich die Sammlung von Bildern und Videos zum verzögerten Laden von web.dev an, um weitere Ideen zum faulen Laden zu erhalten.Wir danken Dom Farolino, Scott Little, Houssein Djirdeh, Simon Pieters, Kayce Basques, Joe Medley und Stoyan Stefanov für ihre Bewertungen. <web-feedback additional-questions="api"></web-feedback></div><div id="ez-toc-container" class="ez-toc-v2_0_67_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction"><div class="ez-toc-title-container">Inhalt <a href="#" class="ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle" aria-label="Toggle Table of Content">Toggle<svg style="fill: #999;color:#999" xmlns="http://www.w3.org/2000/svg" class="list-377408" width="20px" height="20px" viewbox="0 0 24 24" fill="none"><path d="M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z" fill="currentColor"></path></svg><svg style="fill: #999;color:#999" class="arrow-unsorted-368013" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewbox="0 0 24 24" version="1.2" baseprofile="tiny"><path d="M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z"/></svg></a></div><nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-1" href="#¿Por-que-deberiamos-cargar-iframes-de-forma-diferida" title="Warum sollten wir Iframes träge laden? ">Warum sollten wir Iframes träge laden? </a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-2" href="#¿Como-funciona-la-carga-diferida-nativa-para-iframes" title="Wie funktioniert das native Lazy Loading für Iframes? ">Wie funktioniert das native Lazy Loading für Iframes? </a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-3" href="#Comportamiento-de-carga-diferida-especifico-de-iframe" title="Iframe-spezifisches verzögertes Ladeverhalten ">Iframe-spezifisches verzögertes Ladeverhalten </a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-4" href="#¿Que-impacto-podriamos-ver-en-las-incrustaciones-de-iframe-populares-de-carga-diferida" title="Welche Auswirkungen könnten wir bei beliebten Iframe-Einbettungen mit verzögertem Laden sehen? ">Welche Auswirkungen könnten wir bei beliebten Iframe-Einbettungen mit verzögertem Laden sehen? </a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-5" href="#Estudio-de-caso-carga-diferida-nativa-de-los-complementos-sociales-de-Facebook" title="Fallstudie: Native Lazy Loading von Facebook Social Plugins ">Fallstudie: Native Lazy Loading von Facebook Social Plugins </a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-6" href="#Espera-¿no-pueden-los-navegadores-simplemente-cargar-automaticamente-iframes-fuera-de-la-pantalla-de-forma-diferida" title="Warten Sie, können Browser nicht einfach träge Off-Screen-Iframes automatisch laden? ">Warten Sie, können Browser nicht einfach träge Off-Screen-Iframes automatisch laden? </a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-7" href="#¿Puedo-cargar-iframes-de-forma-diferida-en-varios-navegadores-si" title="Kann ich Iframes über mehrere Browser hinweg verzögert laden? Ja ">Kann ich Iframes über mehrere Browser hinweg verzögert laden? Ja </a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-8" href="#Una-opcion-para-los-usuarios-de-WordPress" title="Eine Option für WordPress-Benutzer ">Eine Option für WordPress-Benutzer </a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-9" href="#Conclusion" title="Fazit ">Fazit </a></li></ul></nav></div> <script="" type="litespeed/javascript" data-src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9047562926713908" data-ad-slot="3528200093" data-ad-format="auto" data-full-width-responsive="true"></ins> <script type="litespeed/javascript">(adsbygoogle=window.adsbygoogle||[]).push({})</script> <div class='yarpp yarpp-related yarpp-related-website yarpp-template-yarpp-template-example-9873974'><h5>zusammenhängende Posts</h3><ol><li><a href="https://rmarketingdigital.com/de/windows-10/wie-aktiviere-ich-google-chrome-dark-theme-auf-deinem-pc/" rel="bookmark" title="So aktivieren Sie das dunkle Thema von Google Chrome auf Ihrem PC" data-wpel-link="internal">So aktivieren Sie das dunkle Thema von Google Chrome auf Ihrem PC</a></li><li><a href="https://rmarketingdigital.com/de/windows-10/so-entfernen-sie-downloads-automatisch-von-google-chrome/" rel="bookmark" title="So löschen Sie Google Chrome-Downloads automatisch" data-wpel-link="internal">So löschen Sie Google Chrome-Downloads automatisch</a></li><li><a href="https://rmarketingdigital.com/de/wordpress/die-besten-plugins-fur-wordpress-mobile-site-optimierung/" rel="bookmark" title="Beste Plugins für die Optimierung von WordPress Mobile-Sites" data-wpel-link="internal">Beste Plugins für die Optimierung von WordPress Mobile-Sites</a></li><li><a href="https://rmarketingdigital.com/de/guias/%e2%9c%85-solucionando-el-error-de-google-chrome-componente-no-actualizado/" rel="bookmark" title="✅ Behebung des Google Chrome-Fehlers 'Komponente nicht aktualisiert'" data-wpel-link="internal">✅ Behebung des Google Chrome-Fehlers 'Komponente nicht aktualisiert'</a></li></ol></div><div class='yarpp yarpp-related yarpp-related-website yarpp-template-yarpp-template-example-1581483'><h5>zusammenhängende Posts</h3><ol><li><a href="https://rmarketingdigital.com/de/windows-10/wie-aktiviere-ich-google-chrome-dark-theme-auf-deinem-pc/" rel="bookmark" title="So aktivieren Sie das dunkle Thema von Google Chrome auf Ihrem PC" data-wpel-link="internal">So aktivieren Sie das dunkle Thema von Google Chrome auf Ihrem PC</a></li><li><a href="https://rmarketingdigital.com/de/windows-10/so-entfernen-sie-downloads-automatisch-von-google-chrome/" rel="bookmark" title="So löschen Sie Google Chrome-Downloads automatisch" data-wpel-link="internal">So löschen Sie Google Chrome-Downloads automatisch</a></li><li><a href="https://rmarketingdigital.com/de/wordpress/die-besten-plugins-fur-wordpress-mobile-site-optimierung/" rel="bookmark" title="Beste Plugins für die Optimierung von WordPress Mobile-Sites" data-wpel-link="internal">Beste Plugins für die Optimierung von WordPress Mobile-Sites</a></li><li><a href="https://rmarketingdigital.com/de/guias/%e2%9c%85-solucionando-el-error-de-google-chrome-componente-no-actualizado/" rel="bookmark" title="✅ Behebung des Google Chrome-Fehlers 'Komponente nicht aktualisiert'" data-wpel-link="internal">✅ Behebung des Google Chrome-Fehlers 'Komponente nicht aktualisiert'</a></li></ol></div></div></div></div></article></div><div id="sidebar" data-nectar-ss="1" class="col span_3 col_last"><div id="custom_html-9" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><center><script type="litespeed/javascript" data-src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9047562926713908" data-ad-slot="9140386366" data-ad-format="auto" data-full-width-responsive="true"></ins> <script type="litespeed/javascript">(adsbygoogle=window.adsbygoogle||[]).push({})</script> </center></div></div><div id="custom_html-24" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><center><script type="litespeed/javascript" data-src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9047562926713908" data-ad-slot="9140386366" data-ad-format="auto" data-full-width-responsive="true"></ins> <script type="litespeed/javascript">(adsbygoogle=window.adsbygoogle||[]).push({})</script> </center></div></div></div></div><div class="row"><div class="row vc_row-fluid full-width-section related-post-wrap" data-using-post-pagination="false" data-midnight="dark"><div class="row-bg-wrap"><div class="row-bg"></div></div><h3 class="related-title hidden" data-no-translation="" data-trp-gettext="">zusammenhängende Posts</h3><div class="row span_12 blog-recent related-posts columns-3" data-style="material" data-color-scheme="light"><div class="col span_4"><div class="inner-wrap post-81486 post type-post status-publish format-standard has-post-thumbnail category-dev"><a href="https://rmarketingdigital.com/de/dev/geben-von-superkraften-an-css-variablen/" class="img-link" data-wpel-link="internal"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMzYwIiB2aWV3Qm94PSIwIDAgNjAwIDM2MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="600" height="360" data-src="https://rmarketingdigital.com/wp-content/uploads/2020/09/hero-7923897-600x360.jpg" class="attachment-portfolio-thumb size-portfolio-thumb wp-post-image" alt="hero-7923897-5622351-jpg" title="" decoding="async" /></a> <a class="dev" href="https://rmarketingdigital.com/de/dev/" data-wpel-link="internal">Dev</a> <a class="entire-meta-link" href="https://rmarketingdigital.com/de/dev/geben-von-superkraften-an-css-variablen/" aria-label="CSS-Variablen Superkräfte verleihen" data-wpel-link="internal"></a><div class="article-content-wrap"><div class="post-header"> <h3 class="title">CSS-Variablen Superkräfte verleihen</h3></div><div class="grav-wrap"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgdmlld0JveD0iMCAwIDcwIDcwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='R Digitales Marketing' data-src='https://rmarketingdigital.com/wp-content/litespeed/avatar/4eab355139a81397078dbadbddf1270e.jpg?ver=1726567558' data-srcset='https://rmarketingdigital.com/wp-content/litespeed/avatar/22dfe8806d6ec5090bcc61a2a2a3936a.jpg?ver=1726567558 2x' class='avatar avatar-70 photo' height='70' width='70' decoding='async'/><div class="text"> <a href="https://rmarketingdigital.com/de/author/r-marketing-digital/" data-wpel-link="internal">R Digitales Marketing</a>22/10/2022</div></div></div></div></div><div class="col span_4"><div class="inner-wrap post-83979 post type-post status-publish format-standard has-post-thumbnail category-dev"><a href="https://rmarketingdigital.com/de/dev/fix-an-overloaded-server/" class="img-link" data-wpel-link="internal"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMzYwIiB2aWV3Qm94PSIwIDAgNjAwIDM2MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="600" height="360" data-src="https://rmarketingdigital.com/wp-content/uploads/2020/09/hero-2836929-600x360.jpg" class="attachment-portfolio-thumb size-portfolio-thumb wp-post-image" alt="hero-2836929-1047989-jpg" title="" decoding="async" /></a> <a class="dev" href="https://rmarketingdigital.com/de/dev/" data-wpel-link="internal">Dev</a> <a class="entire-meta-link" href="https://rmarketingdigital.com/de/dev/fix-an-overloaded-server/" aria-label="Beheben Sie einen überlasteten Server" data-wpel-link="internal"></a><div class="article-content-wrap"><div class="post-header"> <h3 class="title">Beheben Sie einen überlasteten Server</h3></div><div class="grav-wrap"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgdmlld0JveD0iMCAwIDcwIDcwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='R Digitales Marketing' data-src='https://rmarketingdigital.com/wp-content/litespeed/avatar/4eab355139a81397078dbadbddf1270e.jpg?ver=1726567558' data-srcset='https://rmarketingdigital.com/wp-content/litespeed/avatar/22dfe8806d6ec5090bcc61a2a2a3936a.jpg?ver=1726567558 2x' class='avatar avatar-70 photo' height='70' width='70' decoding='async'/><div class="text"> <a href="https://rmarketingdigital.com/de/author/r-marketing-digital/" data-wpel-link="internal">R Digitales Marketing</a>22/10/2022</div></div></div></div></div><div class="col span_4"><div class="inner-wrap post-92984 post type-post status-publish format-standard has-post-thumbnail category-dev"><a href="https://rmarketingdigital.com/de/dev/whats-new-in-lighthouse-6-0/" class="img-link" data-wpel-link="internal"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHZpZXdCb3g9IjAgMCAxIDEiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNjZmQ0ZGI7ZmlsbC1vcGFjaXR5OiAwLjE7Ii8+PC9zdmc+" width="1" height="1" data-src="https://rmarketingdigital.com/wp-content/uploads/2020/10/lighthouse-logo-5769199.svg.svg+xml" class="attachment-portfolio-thumb size-portfolio-thumb wp-post-image" alt="Leuchtturm-Logo-5769199-svg_-3706970-svgxml" title="" decoding="async" /></a> <a class="dev" href="https://rmarketingdigital.com/de/dev/" data-wpel-link="internal">Dev</a> <a class="entire-meta-link" href="https://rmarketingdigital.com/de/dev/whats-new-in-lighthouse-6-0/" aria-label="What’s New in Lighthouse 6.0" data-wpel-link="internal"></a><div class="article-content-wrap"><div class="post-header"> <h3 class="title">Was ist neu in Lighthouse 6.0?</h3></div><div class="grav-wrap"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgdmlld0JveD0iMCAwIDcwIDcwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='R Digitales Marketing' data-src='https://rmarketingdigital.com/wp-content/litespeed/avatar/4eab355139a81397078dbadbddf1270e.jpg?ver=1726567558' data-srcset='https://rmarketingdigital.com/wp-content/litespeed/avatar/22dfe8806d6ec5090bcc61a2a2a3936a.jpg?ver=1726567558 2x' class='avatar avatar-70 photo' height='70' width='70' decoding='async'/><div class="text"> <a href="https://rmarketingdigital.com/de/author/r-marketing-digital/" data-wpel-link="internal">R Digitales Marketing</a>20/10/2022</div></div></div></div></div></div></div><div class="comments-section" data-author-bio="false"><div class="comment-wrap" data-midnight="dark" data-comments-open="false"></div></div></div></div></div><div id="footer-outer" data-midnight="light" data-cols="3" data-custom-color="true" data-disable-copyright="false" data-matching-section-color="false" data-copyright-line="true" data-using-bg-img="false" data-bg-img-overlay="0.3" data-full-width="1" data-using-widget-area="true" data-link-hover="default"><div id="footer-widgets" data-has-widgets="true" data-cols="3"><div class="container"><div class="row"><div class="col span_4"><div id="media_image-2" class="widget widget_media_image"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCAxNTAgNTUiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNjZmQ0ZGI7ZmlsbC1vcGFjaXR5OiAwLjE7Ii8+PC9zdmc+" width="150" height="55" data-src="https://rmarketingdigital.com/wp-content/uploads/2018/10/headerlogo-blanco-footer-1-150x55.png" class="image wp-image-67039 attachment-thumbnail size-thumbnail" alt="" style="max-width: 100%; height: auto;" decoding="async" /></div><div id="text-5" class="widget widget_text"><div class="textwidget">R Digitales Marketing: WhatsApp-Marketing. Social Media Management, Webdesign und -management, Online-Werbung, SEM und SEO, E-Mail-Marketing.</div></div><div id="media_image-4" class="widget widget_media_image"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjAiIGhlaWdodD0iMTEwIiB2aWV3Qm94PSIwIDAgMjIwIDExMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="220" height="110" data-src="https://rmarketingdigital.com/wp-content/uploads/2019/06/Webp.net-resizeimage-1.jpg" class="image wp-image-67115 attachment-full size-full" alt="Facebook-Partner" style="max-width: 100%; height: auto;" decoding="async" /></div><div id="media_image-3" class="widget widget_media_image"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjAiIGhlaWdodD0iMTEwIiB2aWV3Qm94PSIwIDAgMjIwIDExMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="220" height="110" data-src="https://rmarketingdigital.com/wp-content/uploads/2019/06/Webp.net-resizeimage.png" class="image wp-image-67114 attachment-full size-full" alt="Google-Partner" style="max-width: 100%; height: auto;" decoding="async" /></div></div><div class="col span_4"><div id="custom_html-3" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><h4>Tutorials und Schulungen</h4><ul><li><a href="https://rmarketingdigital.com/de/formacion/" rel="noopener noreferrer nofollow external" target="_self" data-wpel-link="external">Ausbildung</a></li><li><a href="https://rmarketingdigital.com/de/power-bi-blog/" rel="noopener noreferrer nofollow external" target="_self" data-wpel-link="external">Power Bi</a></li><li><a href="https://rmarketingdigital.com/de/marketing/" rel="noopener noreferrer nofollow external" target="_self" data-wpel-link="external">Marketing</a></li><li><a href="https://rmarketingdigital.com/de/dev/" rel="noopener noreferrer nofollow external" target="_self" data-wpel-link="external">Dev</a></li><li><a href="https://rmarketingdigital.com/de/elementor/" rel="noopener noreferrer nofollow external" target="_self" data-wpel-link="external">Elementor</a></li><li><a href="https://rmarketingdigital.com/de/seo/" rel="noopener noreferrer nofollow external" target="_self" data-wpel-link="external">SEO</a></li><li><a href="https://rmarketingdigital.com/de/elementor/werkzeuge/" rel="noopener noreferrer nofollow external" target="_self" data-wpel-link="external">Werkzeuge</a></li><li><a href="https://rmarketingdigital.com/de/excel-vorlagen/" rel="noopener noreferrer nofollow external" target="_self" data-wpel-link="external">Excel-Vorlagen</a></li><li><a href="https://rmarketingdigital.com/de/negocios/" rel="noopener noreferrer nofollow external" target="_self" data-wpel-link="external">Geschäft</a></li></ul> </div></div></div><div class="col span_4"><div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><h4>Wordpress</h4><ul><ul><li><a href="https://rmarketingdigital.com/de/wordpress/" target="_self" rel="noopener noreferrer nofollow external" data-wpel-link="external">Wordpress 101</a></li></ul></ul><h4>Soziale Netzwerke</h4><ul><ul><li><a href="https://rmarketingdigital.com/de/facebook/" target="_self" rel="noopener noreferrer nofollow external" data-wpel-link="external">Facebook</a></li><li><a href="https://rmarketingdigital.com/de/instagram/" target="_self" rel="noopener noreferrer nofollow external" data-wpel-link="external">Instagram</a></li><li><a href="https://rmarketingdigital.com/de/whatsapp/" target="_self" rel="noopener noreferrer nofollow external" data-wpel-link="external">WhatsApp</a></li><li><a href="https://rmarketingdigital.com/de/download-torrents/" target="_self" rel="noopener noreferrer nofollow external" data-wpel-link="external">Torrents</a></li><li><a href="https://rmarketingdigital.com/de/cine-series/" target="_self" rel="noopener noreferrer nofollow external" data-wpel-link="external">Filme und Serien</a></li></ul></ul></div></div><div id="nav_menu-4" class="widget widget_nav_menu"><h4>Idiom</h4><div class="menu-lenguaje-switcher-container"><ul id="menu-lenguaje-switcher" class="menu"><li id="menu-item-93714" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-93714"><a href="https://rmarketingdigital.com/dev/es-hora-de-cargar-de-forma-diferida-iframes-fuera-de-la-pantalla/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" class="trp-flag-image" data-src="https://rmarketingdigital.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Español">Español</a></li><li id="menu-item-110873" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher current-language-menu-item menu-item-110873"><a href="https://rmarketingdigital.com/de/dev/es-ist-zeit-faul-iframes-vom-bildschirm-zu-laden/" data-wpel-link="internal"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" class="trp-flag-image" data-src="https://rmarketingdigital.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/de_DE.png" width="18" height="12" alt="de_DE" title="Deutsch">Deutsch</a></li><li id="menu-item-129688" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-129688"><a href="https://rmarketingdigital.com/en/dev/its-time-to-lazy-load-iframes-off-screen/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" class="trp-flag-image" data-src="https://rmarketingdigital.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English</a></li><li id="menu-item-129689" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-129689"><a href="https://rmarketingdigital.com/fr/dev/il-est-temps-de-charger-les-iframes-paresseux-hors-ecran/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" class="trp-flag-image" data-src="https://rmarketingdigital.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/fr_FR.png" width="18" height="12" alt="fr_FR" title="Français">Français</a></li></ul></div></div><div id="custom_html-23" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><h4>Nutzer</h4><ul><li style="list-style-type: none;"><ul><li class="cookie-policy-p"><a href="https://rmarketingdigital.com/de/datenschutz-bestimmungen/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer">Datenschutz-Bestimmungen</a></li><li><a href="https://rmarketingdigital.com/de/politica-de-cookies/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer">Cookie-Richtlinie</a></li></ul></li></ul></div></div></div></div></div></div><div class="row" id="copyright" data-layout="centered"><div class="container"><div class="col span_5"><div class="widget"></div>© 2024 R Digitales Marketing.</div><div class="col span_7 col_last"><ul class="social"></ul></div></div></div></div><div id="slide-out-widget-area-bg" class="slide-out-from-right solid"></div><div id="slide-out-widget-area" class="slide-out-from-right" data-dropdown-func="separate-dropdown-parent-link" data-back-txt="Zurück" data-no-translation-data-back-txt=""><div class="inner" data-prepend-menu-mobile="false"><a class="slide_out_area_close" href="#">Menü schließen </a><div class="off-canvas-menu-container" role="navigation"><ul class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-67249"><a href="https://rmarketingdigital.com/de/blog/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer">Blog</a><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-105292"><a>💻Entwicklung</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105258"><a href="https://rmarketingdigital.com/de/android/" data-wpel-link="internal">Android</a></li><li class="menu-item menu-item-type-post_type menu-item-object-post menu-item-129712467"><a href="https://rmarketingdigital.com/de/chatgpt/chatgpt-enfocado-al-marketing-digital-y-al-seo/" data-wpel-link="internal">ChatGPT</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-105261"><a href="https://rmarketingdigital.com/de/dev/" data-wpel-link="internal">Dev</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105268"><a href="https://rmarketingdigital.com/de/freeware/" data-wpel-link="internal">Freeware</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105273"><a href="https://rmarketingdigital.com/de/javascript/" data-wpel-link="internal">Javascript</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105282"><a href="https://rmarketingdigital.com/de/servidores-vps/" data-wpel-link="internal">Server / VPS</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-129672"><a href="https://rmarketingdigital.com/de/vpn/" data-wpel-link="internal">VPN</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105287"><a href="https://rmarketingdigital.com/de/windows-10/" data-wpel-link="internal">Windows 10</a></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-105276"><a href="https://rmarketingdigital.com/de/negocios/" data-wpel-link="internal">💼Geschäft</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105264"><a href="https://rmarketingdigital.com/de/emprendedores/" data-wpel-link="internal">Unternehmer</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105265"><a href="https://rmarketingdigital.com/de/estrategias/" data-wpel-link="internal">Strategien</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105267"><a href="https://rmarketingdigital.com/de/formacion/" data-wpel-link="internal">Ausbildung</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105275"><a href="https://rmarketingdigital.com/de/marketing/" data-wpel-link="internal">Marketing</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-105637"><a href="https://rmarketingdigital.com/de/excel-vorlagen/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer">Excel-Vorlagen</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106686"><a href="https://rmarketingdigital.com/de/power-bi-blog/" data-wpel-link="internal">Power BI</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-109500"><a href="https://rmarketingdigital.com/de/software-gestion/" data-wpel-link="internal">Management-Software</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-109498"><a href="https://rmarketingdigital.com/de/crm/" data-wpel-link="internal">CRM</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-109499"><a href="https://rmarketingdigital.com/de/erp/" data-wpel-link="internal">ERP</a></li></ul></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-105270"><a href="https://rmarketingdigital.com/de/guias/" data-wpel-link="internal">👓Führer</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-132612"><a href="https://rmarketingdigital.com/de/files/" data-wpel-link="internal">🗂️Dateien</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-132614"><a href="https://rmarketingdigital.com/de/files/exe/" data-wpel-link="internal">exe</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-132613"><a href="https://rmarketingdigital.com/de/files/dll/" data-wpel-link="internal">dll</a></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105271"><a href="https://rmarketingdigital.com/de/herramientas/" data-wpel-link="internal">🧰Werkzeuge</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-135948"><a href="https://rmarketingdigital.com/de/marketing-deportivo/" data-wpel-link="internal">⚽Sportmarketing</a></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-105280"><a href="https://rmarketingdigital.com/de/redes-sociales/" data-wpel-link="internal">📱Soziale Netzwerke</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105266"><a href="https://rmarketingdigital.com/de/facebook/" data-wpel-link="internal">Facebook</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105272"><a href="https://rmarketingdigital.com/de/instagram/" data-wpel-link="internal">Instagram</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105274"><a href="https://rmarketingdigital.com/de/linkedin/" data-wpel-link="internal">LinkedIn</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-106055"><a href="https://rmarketingdigital.com/de/streaming/" data-wpel-link="internal">Streaming</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105283"><a href="https://rmarketingdigital.com/de/tiktok/" data-wpel-link="internal">TitTok</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105286"><a href="https://rmarketingdigital.com/de/whatsapp/" data-wpel-link="internal">WhatsApp</a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-129667"><a href="#">📺Freizeit</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-129668"><a href="https://rmarketingdigital.com/de/cine-series/" data-wpel-link="internal">Kino und Serie</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-129669"><a href="https://rmarketingdigital.com/de/gaming/" data-wpel-link="internal">Spielen</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-129670"><a href="https://rmarketingdigital.com/de/tv-online/" data-wpel-link="internal">Online-Fernsehen</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108306"><a href="https://rmarketingdigital.com/de/download-torrents/" data-wpel-link="internal">Torrents</a></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-105285"><a href="https://rmarketingdigital.com/de/webs/" data-wpel-link="internal">🌐Netze</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105263"><a href="https://rmarketingdigital.com/de/elementor/" data-wpel-link="internal">Elementor</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105262"><a href="https://rmarketingdigital.com/de/ecommerce/" data-wpel-link="internal">E-Commerce</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105288"><a href="https://rmarketingdigital.com/de/wordpress/" data-wpel-link="internal">WordPress</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-105281"><a href="https://rmarketingdigital.com/de/seo/" data-wpel-link="internal">SEO</a></li></ul></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-67232"><a>Dienstleistungen</a><ul class="sub-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78763"><a href="https://rmarketingdigital.com/de/agentur-seo/" data-wpel-link="internal">Web-Positionierung</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67229"><a href="https://rmarketingdigital.com/de/werbung-soziale-netzwerke-facebook-instagram/" data-wpel-link="internal">Werbung in sozialen Netzwerken</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67230"><a href="https://rmarketingdigital.com/de/community-manager/" data-wpel-link="internal">Community Manager</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67228"><a href="https://rmarketingdigital.com/de/follower-boost-instagram-konten/" data-wpel-link="internal">Follower-Boost</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67231"><a href="https://rmarketingdigital.com/de/e-commerce/" data-wpel-link="internal">E-Commerce</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67710"><a href="https://rmarketingdigital.com/de/losungslernen/" data-wpel-link="internal">E-Learning-Lösungen</a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-93606"><a href="https://rmarketingdigital.com/de/glossar-digital-marketing/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer">Glossar</a></li></ul></div><div id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-r-pop-up-menu-container"><ul id="menu-r-pop-up-menu" class="menu"><li id="menu-item-66980" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-66980"><a href="https://m.me/rmarketingdigital" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer">Fragen Sie nach dem Budget</a></li><li id="menu-item-78761" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78761"><a href="https://rmarketingdigital.com/de/arbeite-mit-uns/" data-wpel-link="internal">Arbeite mit uns</a></li><li id="menu-item-129594" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-129594"><a href="#">Idiom</a><ul class="sub-menu"><li id="menu-item-129687" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-129687"><a href="https://rmarketingdigital.com/en/dev/its-time-to-lazy-load-iframes-off-screen/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" class="trp-flag-image" data-src="https://rmarketingdigital.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English</a></li><li id="menu-item-129591" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher current-language-menu-item menu-item-129591"><a href="https://rmarketingdigital.com/de/dev/es-ist-zeit-faul-iframes-vom-bildschirm-zu-laden/" data-wpel-link="internal"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" class="trp-flag-image" data-src="https://rmarketingdigital.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/de_DE.png" width="18" height="12" alt="de_DE" title="Deutsch">Deutsch</a></li><li id="menu-item-129593" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-129593"><a href="https://rmarketingdigital.com/dev/es-hora-de-cargar-de-forma-diferida-iframes-fuera-de-la-pantalla/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" class="trp-flag-image" data-src="https://rmarketingdigital.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Español">Español</a></li><li id="menu-item-129635" class="trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-129635"><a href="https://rmarketingdigital.com/fr/dev/il-est-temps-de-charger-les-iframes-paresseux-hors-ecran/" data-wpel-link="external" target="_self" rel="nofollow external noopener noreferrer"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" class="trp-flag-image" data-src="https://rmarketingdigital.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/fr_FR.png" width="18" height="12" alt="fr_FR" title="Français">Français</a></li></ul></li></ul></div></div></div><div class="bottom-meta-wrap"><ul class="off-canvas-social-links"><li><a target="_self" rel="noopener nofollow external noreferrer" href="https://www.facebook.com/R-Marketing-Digital-1995820950678942/" data-wpel-link="external"></a></li><li><a target="_self" rel="noopener nofollow external noreferrer" href="https://www.linkedin.com/company/r-marketing-digital/" data-wpel-link="external"></a></li><li><a target="_self" rel="noopener nofollow external noreferrer" href="https://www.instagram.com/rmarketingdigital/" data-wpel-link="external"></a></li><li><a target="_self" rel="noopener nofollow external noreferrer" href="http://m.me/rmarketingdigital" data-wpel-link="external"></a></li><li><a target="_blank" rel="noopener" href="mailto:hola@rmarketingdigital.com"></a></li></ul></div></div></div><template id="tp-language" data-tp-language="de_DE"></template> <script type="text/javascript" src="https://rmarketingdigital.com/wp-content/plugins/litespeed-cache/assets/js/instant_click.min.js" id="litespeed-cache-js"></script> <script></script><script data-no-optimize="1">!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function i(t){return e({},it,t)}function o(t,e){var n,a="LazyLoad::Initialized",i=new t(e);try{n=new CustomEvent(a,{detail:{instance:i}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent(a,!1,!1,{instance:i})}window.dispatchEvent(n)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,bt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,bt,e)}function r(t){return s(t,null),0}function u(t){return null===c(t)}function d(t){return c(t)===vt}function f(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function _(t,e){nt?t.classList.add(e):t.className+=(t.className?" ":"")+e}function v(t,e){nt?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function b(t,e){!e||(e=e._observer)&&e.unobserve(t)}function p(t,e){t&&(t.loadingCount+=e)}function h(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function m(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function E(t){return!!t[st]}function I(t){return t[st]}function y(t){return delete t[st]}function A(e,t){var n;E(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[st]=n)}function k(a,t){var i;E(a)&&(i=I(a),t.forEach(function(t){var e,n;e=a,(t=i[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function L(t,e,n){_(t,e.class_loading),s(t,ut),n&&(p(n,1),f(e.callback_loading,t,n))}function w(t,e,n){n&&t.setAttribute(e,n)}function x(t,e){w(t,ct,l(t,e.data_sizes)),w(t,rt,l(t,e.data_srcset)),w(t,ot,l(t,e.data_src))}function O(t,e,n){var a=l(t,e.data_bg_multi),i=l(t,e.data_bg_multi_hidpi);(a=at&&i?i:a)&&(t.style.backgroundImage=a,n=n,_(t=t,(e=e).class_applied),s(t,ft),n&&(e.unobserve_completed&&b(t,e),f(e.callback_applied,t,n)))}function N(t,e){!e||0<e.loadingCount||0<e.toLoadCount||f(t.callback_finish,e)}function C(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function M(t){return!!t.llEvLisnrs}function z(t){if(M(t)){var e,n,a=t.llEvLisnrs;for(e in a){var i=a[e];n=e,i=i,t.removeEventListener(n,i)}delete t.llEvLisnrs}}function R(t,e,n){var a;delete t.llTempImage,p(n,-1),(a=n)&&--a.toLoadCount,v(t,e.class_loading),e.unobserve_completed&&b(t,n)}function T(o,r,c){var l=g(o)||o;M(l)||function(t,e,n){M(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";C(t,a,e),C(t,"error",n)}(l,function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_loaded),s(e,dt),f(n.callback_loaded,e,a),i||N(n,a),z(l)},function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_error),s(e,_t),f(n.callback_error,e,a),i||N(n,a),z(l)})}function G(t,e,n){var a,i,o,r,c;t.llTempImage=document.createElement("IMG"),T(t,e,n),E(c=t)||(c[st]={backgroundImage:c.style.backgroundImage}),o=n,r=l(a=t,(i=e).data_bg),c=l(a,i.data_bg_hidpi),(r=at&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),L(a,i,o)),O(t,e,n)}function D(t,e,n){var a;T(t,e,n),a=e,e=n,(t=It[(n=t).tagName])&&(t(n,a),L(n,a,e))}function V(t,e,n){var a;a=t,(-1<yt.indexOf(a.tagName)?D:G)(t,e,n)}function F(t,e,n){var a;t.setAttribute("loading","lazy"),T(t,e,n),a=e,(e=It[(n=t).tagName])&&e(n,a),s(t,vt)}function j(t){t.removeAttribute(ot),t.removeAttribute(rt),t.removeAttribute(ct)}function P(t){m(t,function(t){k(t,Et)}),k(t,Et)}function S(t){var e;(e=At[t.tagName])?e(t):E(e=t)&&(t=I(e),e.style.backgroundImage=t.backgroundImage)}function U(t,e){var n;S(t),n=e,u(e=t)||d(e)||(v(e,n.class_entered),v(e,n.class_exited),v(e,n.class_applied),v(e,n.class_loading),v(e,n.class_loaded),v(e,n.class_error)),r(t),y(t)}function $(t,e,n,a){var i;n.cancel_on_exit&&(c(t)!==ut||"IMG"===t.tagName&&(z(t),m(i=t,function(t){j(t)}),j(i),P(t),v(t,n.class_loading),p(a,-1),r(t),f(n.callback_cancel,t,e,a)))}function q(t,e,n,a){var i,o,r=(o=t,0<=pt.indexOf(c(o)));s(t,"entered"),_(t,n.class_entered),v(t,n.class_exited),i=t,o=a,n.unobserve_entered&&b(i,o),f(n.callback_enter,t,e,a),r||V(t,n,a)}function H(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function B(t,i,o){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?q(t.target,t,i,o):(e=t.target,n=t,a=i,t=o,void(u(e)||(_(e,a.class_exited),$(e,n,a,t),f(a.callback_exit,e,n,t))));var e,n,a})}function J(e,n){var t;et&&!H(e)&&(n._observer=new IntersectionObserver(function(t){B(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function K(t){return Array.prototype.slice.call(t)}function Q(t){return t.container.querySelectorAll(t.elements_selector)}function W(t){return c(t)===_t}function X(t,e){return e=t||Q(e),K(e).filter(u)}function Y(e,t){var n;(n=Q(e),K(n).filter(W)).forEach(function(t){v(t,e.class_error),r(t)}),t.update()}function t(t,e){var n,a,t=i(t);this._settings=t,this.loadingCount=0,J(t,this),n=t,a=this,Z&&window.addEventListener("online",function(){Y(n,a)}),this.update(e)}var Z="undefined"!=typeof window,tt=Z&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),et=Z&&"IntersectionObserver"in window,nt=Z&&"classList"in document.createElement("p"),at=Z&&1<window.devicePixelRatio,it={elements_selector:".lazy",container:tt||Z?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",rt="srcset",ct="sizes",lt="poster",st="llOriginalAttrs",ut="loading",dt="loaded",ft="applied",_t="error",vt="native",gt="data-",bt="ll-status",pt=[ut,dt,ft,_t],ht=[ot],mt=[ot,lt],Et=[ot,rt,ct],It={IMG:function(t,e){m(t,function(t){A(t,Et),x(t,e)}),A(t,Et),x(t,e)},IFRAME:function(t,e){A(t,ht),w(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){A(t,ht),w(t,ot,l(t,e.data_src))}),A(t,mt),w(t,lt,l(t,e.data_poster)),w(t,ot,l(t,e.data_src)),t.load()}},yt=["IMG","IFRAME","VIDEO"],At={IMG:P,IFRAME:function(t){k(t,ht)},VIDEO:function(t){a(t,function(t){k(t,ht)}),k(t,mt),t.load()}},kt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,i=this._settings,o=X(t,i);{if(h(this,o.length),!tt&&et)return H(i)?(e=i,n=this,o.forEach(function(t){-1!==kt.indexOf(t.tagName)&&F(t,e,n)}),void h(n,0)):(t=this._observer,i=o,t.disconnect(),a=t,void i.forEach(function(t){a.observe(t)}));this.loadAll(o)}},destroy:function(){this._observer&&this._observer.disconnect(),Q(this._settings).forEach(function(t){y(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;X(t,n).forEach(function(t){b(t,e),V(t,n,e)})},restoreAll:function(){var e=this._settings;Q(e).forEach(function(t){U(t,e)})}},t.load=function(t,e){e=i(e);V(t,e)},t.resetStatus=function(t){r(t)},Z&&function(t,e){if(e)if(e.length)for(var n,a=0;n=e[a];a+=1)o(t,n);else o(t,e)}(t,window.lazyLoadOptions),t});!function(e,t){"use strict";function a(){t.body.classList.add("litespeed_lazyloaded")}function n(){console.log("[LiteSpeed] Start Lazy Load Images"),d=new LazyLoad({elements_selector:"[data-lazyloaded]",callback_finish:a}),o=function(){d.update()},e.MutationObserver&&new MutationObserver(o).observe(t.documentElement,{childList:!0,subtree:!0,attributes:!0})}var d,o;e.addEventListener?e.addEventListener("load",n,!1):e.attachEvent("onload",n)}(window,document);</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),window.location.reload(!0))});</script><script data-optimized="1" type="litespeed/javascript" data-src="https://rmarketingdigital.com/wp-content/litespeed/js/cdc0cdf61efa0d1550a35ed5675e234f.js?ver=18eaa"></script><script>const litespeed_ui_events=["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:)?$/gm,"$1"))}return d}</script></body></html>     <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"8c510a47de535866","version":"2024.8.0","r":1,"serverTiming":{"name":{"cfExtPri":true,"cfL4":true}},"token":"676dc4a7609e42c6a75ce7ad0f854a91","b":1}' crossorigin="anonymous"></script>

Zeit zum faulen Laden von Iframes außerhalb des Bildschirms!

zusammenhängende Posts