Como atrasar o carregamento dos iframes?

david limonche disse:

hola betas, tengo el siguiente problema, intente instalar plugins de loading lazy, tambien utilice el atributo en el codigo, pero todos fueron intentos fallidos, alguien sabe como puedo retrazar la carga de los iframes? por que supongo que los plugin trabajan con videos pero de youtube o reproductores asi, pero o utilizo fembed y no me funciona, ayuda por favor

Clique para expandir...

It's time to lazy-load offscreen iframes!

This post covers the loading attribute and how it can be used to control the loading of iframes.

web.dev

MajesticCat disse:

Agregandole loading="lazy" al codigo iframe.

It's time to lazy-load offscreen iframes!

This post covers the loading attribute and how it can be used to control the loading of iframes.

web.dev

Clique para expandir...

kura58 disse:

LazyLoad Plugin – Lazy Load Images, Videos, and Iframes

The best free lazy load plugin for WordPress. Lazy load images, videos, and iframes to improve performance and Core Web Vitals scores.

pe.wordpress.org

Clique para expandir...

Zarat disse:

En las ultimas versiones de wordpress ya agrega la carga diferida en imagenes e iframes de forma automática ya no requieres plugins, veras un mejor rendimiento si el iframe no es de los primeros elementos en mostrarse en la entrada, esto puedes comprobarlo con la ayuda de devtools.

Clique para expandir...

david limonche disse:

ya lei sobre eso,
pero solo difiere aquellos iframes que sean de su lista blanca, como los de youtube, vimeo, etc,

lo que yo quiero es diferir los iframes de FEMBED !!!

Clique para expandir...

Zarat disse:

Comprendo, el iframe lo agregas en un campo personalizado de tu theme o algun plugin? si es asi, es normal que los plugins normales no funcionen, de ser el caso necesitarias algo mas especializado para tu caso.

Clique para expandir...

david limonche disse:

así es, yo lo agrego en bloques de html personalizado...

pero lo que no entiendo realmente,
es el porque no me funciona el atributo loading="lazy"

ya que este atributo deberia funcionar normalmente sin importar que se trate de un bloque de html personalizado,

pero en mi caso, no me funciona 🙁

Clique para expandir...

Carga diferida de imágenes a nivel del navegador para la Web | Articles | web.dev

En esta publicación, se explica el atributo de carga y cómo se puede usar para controlar la carga de imágenes.

web.dev

Zarat disse:

tal ves este funcionando correctamente y no lo notas, loading="lazy" solo retrasa la carga a los elementos no visibles, es decir si tu iframe es visible siendo uno de los primeros elementos en ser mostrados, no se activara la carga diferida.

Carga diferida de imágenes a nivel del navegador para la Web | Articles | web.dev

En esta publicación, se explica el atributo de carga y cómo se puede usar para controlar la carga de imágenes.

web.dev

Clique para expandir...