Carga los medios de forma diferida utilizando la característica nativa del navegador. Aprende más sobre el nuevo atributo loading o revisa el ticket del núcleo de WordPress donde se está discutiendo la inclusión de una implementación similar en el núcleo de WordPress.
Si el navegador no es compatible con el atributo loading, el plugin recurre a una solución JavaScript basada en IntersectionObserver. Para el caso de que JavaScript esté desactivado, pero el atributo loading sea compatible con el navegador, se añadirá una variante noscript del elemento respectivo que también incluye el atributo loading sin más cambios.
«Nativo» significa «rápido»
Si has encontrado el camino hasta aquí, probablemente seas consciente de lo crucial que es el rendimiento para la experiencia y el éxito del usuario de una web. También puede que sepas que la carga diferida es una característica clave para mejorar dicho rendimiento. Sin embargo, las soluciones para la carga diferida hasta ahora todavía añaden un poco de sobrecarga por ellas mismas, ya que dependen de la carga, el análisis y la ejecución de una lógica JavaScript personalizada, que puede ser más o menos pesada en el rendimiento.
Este plugin elimina en gran medida este patrón. Se basa en el nuevo atributo loading, que hace que la carga diferida sea una funcionalidad nativa del navegador. El atributo ya es compatible con Chrome y se implementará en otros navegadores con el tiempo. La solución «nativa» significa que no se basa en una lógica de JavaScript personalizada y, por lo tanto, es más ligera. Y «más ligero» significa «más rápido».
Por último, pero no menos importante, una buena cosa a tener en cuenta es que este plugin mejorará esencialmente a sí mismo con el tiempo, a medida que más navegadores vayan siendo compatibles con el atributo loading.
Uso
Simplemente activa el plugin y todas tus imágenes e iframes en el contenido de las entradas se cargarán en diferido.
Agradecimientos
Este plugin está parcialmente basado en la lógica de WP Rig así como en las recomendaciones de web.dev y developers.google.com.