URL.com – MediaOptions

URL.com – MediaOptions = 200 && xhr.status { const rect = el.getBoundingClientRect(); return ( el.offsetParent !== null && rect.top <= (window.innerHeight || document.documentElement.clientHeight) && rect.left { el.setAttribute('width', el.offsetWidth); setTimeout(function () { el.setAttribute('height', el.offsetHeight); }, 0); el.removeAttribute('onload'); }; window.loadLazyElement = (el) => { const inViewport = window.isInViewport(el); if (inViewport) { if (el.getAttribute(‘data-powa-lazy-src’)) { el.setAttribute(‘src’, el.getAttribute(‘data-powa-lazy-src’)); el.removeAttribute(‘data-powa-lazy-src’); el.removeAttribute(‘onload’); el.setAttribute(‘onload’, “setImageSize(this)”); } if (el.getAttribute(‘data-powa-lazy-srcset’)) { el.setAttribute(‘srcset’, el.getAttribute(‘data-powa-lazy-srcset’)); el.removeAttribute(‘data-powa-lazy-srcset’); el.removeAttribute(‘onload’); el.setAttribute(‘onload’, “setImageSize(this)”); } if (el.getAttribute(‘data-powa-clear-size’)) { el.removeAttribute(‘data-powa-clear-size’); el.removeAttribute(‘width’); el.removeAttribute(‘height’); } if (el.getAttribute(‘data-powa-lazy-style’)) { el.setAttribute(‘style’, el.getAttribute(‘data-powa-lazy-style’)); el.removeAttribute(‘data-powa-lazy-style’); el.removeAttribute(‘onload’); } } return inViewport; }; window.fallbackElement = (el, cb = null) => { el.onerror = null; const fallbackSrc = el.getAttribute(‘data-powa-fallback-src’); const fallbackSrcset = el.getAttribute(‘data-powa-fallback-srcset’); const fallbackHref = el.getAttribute(‘data-powa-fallback-href’); if (fallbackSrc) { el.setAttribute(‘src’, fallbackSrc); el.removeAttribute(‘data-powa-fallback-src’); } if (fallbackSrcset) { el.setAttribute(‘srcset’, fallbackSrcset); el.removeAttribute(‘data-powa-fallback-srcset’); } if(fallbackHref) { el.setAttribute(‘href’, fallbackHref); el.removeAttribute(‘data-powa-fallback-href’); } }; window.loadLazySources = () => { […document.querySelectorAll(‘[data-powa-lazy-src]’)].map(el => { const attr = el.getAttribute(‘data-powa-lazy-attr’) ? el.getAttribute(‘data-powa-lazy-attr’) : ‘src’; el.setAttribute( attr, el.getAttribute(‘data-powa-lazy-src’) ); el.removeAttribute(‘data-powa-lazy-src’); el.removeAttribute(‘onload’); }); […document.querySelectorAll(‘[data-powa-lazy-srcset]’)].map(el => { el.setAttribute(‘srcset’, el.getAttribute(‘data-powa-lazy-srcset’)); el.removeAttribute(‘data-powa-lazy-srcset’); el.removeAttribute(‘onload’); }); […document.querySelectorAll(‘[data-powa-clear-size]’)].map(el => { el.removeAttribute(‘width’); el.removeAttribute(‘height’); }); […document.querySelectorAll(‘[data-powa-lazy-style]’)].map(el => { el.setAttribute(‘style’, el.getAttribute(‘data-powa-lazy-style’)); el.removeAttribute(‘data-powa-lazy-style’); el.removeAttribute(‘onload’); }); }; window.loadLazyYoutubeIframe = (youtubeId) => { const iframePreviewElement = document.getElementById(`powa__youtube_wrap_preview-${youtubeId}`); const iframeElement = iframePreviewElement.previousSibling; iframeElement.setAttribute(‘src’, iframeElement.getAttribute(‘data-powa-yt-lazy-src’)); iframePreviewElement.remove(); };]]> `; }); }; youtubeLazyLoad(); […document.querySelectorAll(‘[data-powa-lazy-style]’)].map(el => loadLazyElement(el)); })(); { const scriptsArray = […document.querySelectorAll(‘[data-powa-script-worker]’)].map(el => el.content?.querySelector(‘script’)?.getAttribute(‘src’)).filter(url => url); setTimeout(()=>{ registration.active.postMessage({ scripts: scriptsArray }); }, 10); }) .catch(error => { console.log(‘Service Worker registration failed:’, error); }); } ]]>

Source