Carga de imágenes - Lazy Loading progresivo en WordPress

Los medios convierten un blog de WordPress estéril en un sitio web vivo y bullicioso, pero la cruda realidad es que los archivos y el SEO no se llevan bien. No hay mucho que decir al respecto: tiempos de carga más lentos se traducen en puntuaciones de SEO más bajas. Sin embargo, no todo está perdido. Hace unos meses hablamos de cómo WP Speed of Light mitiga los problemas con lazy loading. Ahora vamos un paso más allá.

Como recordatorio, lazy loading no carga todas las imágenes de una entrada o página de WordPress en cuanto el usuario llega a la página. En su lugar, WP Speed of Light espera hasta que las imágenes entren en el campo de visión para descargarlas. De esta forma, la página se carga mucho más rápido inicialmente, lo que ayuda al SEO y hace que la experiencia sea más agradable para los lectores con una conexión a internet más lenta.

En la versión 2.5 del plugin de WordPress, la función lazy loading se ha mejorado para ser un poco más reactiva a los dispositivos de tu audiencia y sus limitaciones. La última iteración de lazy loading de WP Speed of Lightes más receptiva, especialmente para usuarios con móviles de gama baja o conexión a internet lenta.

En lugar de no ver ninguna imagen y que luego se carguen de golpe, tus usuarios de WordPress verán inicialmente una versión borrosa y de baja resolución del archivo multimedia. Cuando termine de descargarse, la imagen aparecerá enfocada gradualmente. De esta forma, los lectores sabrán que existe una imagen y podrán esperar a que se cargue o seguir leyendo y volver a ella más tarde.

Imágenes desmitificadas

¿Qué es lo mejor de la última actualización de WP Speed of Light? Si tienes el addon pro para el plugin de WordPress, apenas tendrás que mover un dedo. Para configurar lazy loading, dirígete al WP Speed of Light’s optimización de velocidad menú. Desde allí, activa imagen lazy loading desde la aceleración pestaña.

Si quieres un mayor control, consulta nuestra publicación anterior, pero eso debería ser suficiente para probar la última función de lazy loading. De hecho, eso es prácticamente todo. Con la lazy loading de imágenes activada, los archivos multimedia solo se cargarán si y cuando sea necesario, con la nueva función de desenfoque incluida.

Como se muestra arriba, tus imágenes mostrarán inicialmente una imagen de marcador de posición de baja resolución en redes lentas, desenfocada para ser más agradable estéticamente. WordPress carga - o más bien, carga de forma diferida - la imagen de resolución completa en segundo plano sin interrumpir al lector. Cuando la imagen termina lazy loading, la imagen de marcador de posición da paso a la imagen completa.

Carga diferida progresiva Lazy Loading y SEO en WordPress

La pregunta del millón, sin embargo, es cómo afecta esta nueva lazy loading de imágenes al SEO. Después de todo, ¿no añadiría más tiempo de carga el marcador de posición de imagen difuminada? En realidad, sí. En la práctica, en absoluto. El marcador de posición de WP Speed of Lightes una imagen diminuta de 20 píxeles que tarda un tiempo insignificante en cargarse, sin añadir sobrecarga a tus tiempos de carga de SEO. Al mismo tiempo, el desenfoque oculta los artefactos pixelados de la imagen de baja calidad.

Y al igual que en la versión anterior de la lazy loading , todos los elementos HTML de SEO de imágenes se cargan de inmediato (no con carga diferida). Por lo tanto, los bots de Google y otros pueden leer el nombre del archivo de imagen, el título y la etiqueta alt.

El SEO es importante, pero debe ser secundario a la experiencia del usuario. La última actualización de WP Speed of Lighttoma este principio muy en serio, pero combina la funcionalidad que beneficia al SEO con la estética que hace que los lectores sigan volviendo, todo sin coste adicional para el SEO. Comprueba aquí la renderización de un lazy loading progresivo:

Si quieres implementar la carga diferida progresiva lazy loading en tu sitio web de WordPress, solo tienes que seguir este enlace: https://www.joomunited.com/wp-speed-of-light

WP Speed of Light es efectivo en todos los servicios de alojamiento de internet, por ejemplo, Cloudways es un ejemplo perfecto de un servicio popular.