Lazy load embed via lazysizes

This commit is contained in:
Sam Carlton 2021-10-21 12:33:20 -05:00
parent 9d5ce6b07f
commit efa007e992

View file

@ -78,9 +78,10 @@ const cleanNuxtLayout = ( layout ) => {
// Convert subscribe to iframe embed
Array.from(document.querySelectorAll('form.all-updates-subscribe')).forEach( domNode => {
const subscribeEmbed = document.createElement('iframe')
subscribeEmbed.setAttribute('src', '/embed-subscribe')
subscribeEmbed.setAttribute('data-src', '/embed-subscribe')
// https://web.dev/iframe-lazy-loading/
subscribeEmbed.setAttribute('loading', 'lazy')
subscribeEmbed.classList.add('lazyload') //.setAttribute('loading', 'lazy')
subscribeEmbed.style.width = '350px'
subscribeEmbed.style.height = '150px'