Soporte nativo de carga diferida llega a WordPress

Traducido del artículo: “Native Lazy Loading Support Coming to WordPress” de:

Justin Tadlock, enero 30 de 2020

Parece ser la semana para lanzar noticias sobre los complementos de funciones de WordPress. Felix Arntz, ingeniero principal de WordPress e ingeniero de programas de desarrollo de Google, anunció un plan para impulsar una función de carga diferida en la plataforma. Si las pruebas van bien, esta característica podría aterrizar en WordPress 5.4 en marzo.

El concepto de carga diferida permite que una página web se procese sin cargar ciertos recursos hasta que se necesiten. Esto conduce a cargas de página más rápidas y guarda datos en el extremo del visitante. La carga diferida es particularmente útil cuando se procesan imágenes en la web.

Lo contrario de la carga diferida se llama carga ansiosa, que carga todo a granel. Por defecto, así es como se cargan todas las imágenes en la web. Esto a menudo conduce a un bajo rendimiento en las páginas web con muchas imágenes en las que muchas de las imágenes no se encuentran en el visor del visitante del sitio la primera vez que la ve.

Durante muchos años, varias bibliotecas de JavaScript han manejado esta característica, pero no siempre han tenido éxito. Una solución nativa se está abriendo paso lentamente en los navegadores. La carga diferida nativa funciona agregando un atributo de carga a un elemento <img> o <iframe>. Los navegadores pueden decidir cómo cargar un recurso en función del valor del atributo. Actualmente, Chrome, Edge y Opera manejan el atributo de carga. Una vez que el atributo llega oficialmente a la especificación HTML, la característica debería ser un estándar que todos los navegadores admitan.

La adopción del nuevo atributo de carga es una gran oportunidad para que WordPress lidere el camino para una web más rápida en general.

Felix Arntz

El nuevo complemento de la función Lazy Loading ahora está disponible en el directorio de complementos de WordPress. El complemento solo se basa en el soporte del navegador nativo y no agrega JavaScript adicional. La implementación agrega un atributo de carga a las imágenes en el contenido de la publicación, extractos, comentarios, widgets de texto, avatares e instancias de uso de funciones básicas de imagen de WordPress. Por defecto, el complemento configura todas las imágenes para que se carguen perezosamente en lugar de con entusiasmo.

Es refrescante ver el trabajo continuo de los contribuyentes principales en soluciones de imagen más robustas. Junto con el manejo de gran tamaño de imagen de WordPress 5.3, ambas características conducirán a una web generalmente más rápida. Con más usuarios cargando imágenes de alta calidad a través de teléfonos móviles en los últimos años, esto sólo ha exacerbado el problema de una web lenta. Es por eso que es imperativo que WordPress impulse continuamente la optimización de la imagen.

“Con WordPress habilitando la carga diferida nativa de forma predeterminada, impactaría significativamente el rendimiento y la experiencia del usuario para millones de sitios, sin requerir ningún conocimiento técnico o incluso conciencia de la carga diferida como concepto”, escribió Arntz en la publicación del anuncio. “Adoptar el nuevo atributo de carga es una gran oportunidad para que WordPress lidere el camino hacia una web más rápida en general”.

Arntz y un equipo de ingenieros lanzaron originalmente un complemento de carga diferida nativo en septiembre de 2019. Esto fue poco después de que Google introdujo la función de atributo de “carga” en la versión 76 de su navegador Chrome. El complemento Native Lazyload tiene actualmente más de 7,000 instalaciones.

Cómo afecta esto a los complementos existentes

Debido a que no todos los navegadores web admiten el atributo de carga, es posible que los usuarios no quieran descartar automáticamente sus complementos actuales cuando la función aparezca en WordPress. Los usuarios pueden optar por admitir navegadores sin carga lenta nativa por un tiempo

El código propuesto dentro del complemento Lazy Loading intenta detectar si el atributo de carga existe en una imagen antes de aplicarlo. Esto significa que el código debería funcionar bien con los complementos existentes y evitar conflictos en la mayoría de los casos.

Los desarrolladores de complementos que manejan la carga diferida deben comenzar a probar sus complementos y actualizarlos para WordPress 5.4. Siga el ticket de Lazy Loading API en el núcleo de Trac para mantenerse actualizado sobre cuándo aparece la característica y el repositorio de GitHub para contribuir a su desarrollo.

Quién es Justin Tadlock

Justin Tadlock es desarrollador, diseñador y escritor. Es un ganador del Mes Nacional de Escritura de Novelas. Ha trabajado con WordPress de alguna forma desde 2005. También tiene muchos gatos, pollos y patos.