Carga diferida de WordPress: elegir el mejor complemento para el trabajo
No hay nada más frustrante para los usuarios que esperar a que se cargue un sitio web. Más sitios se están llenando de videos e imágenes, y cada imagen requiere una nueva solicitud HTTP. La carga diferida de WordPress es la solución fácil de instalar para acelerar cualquier sitio web repleto de imágenes.
Al diseñar nuestro sitio web wpDataTables, también consideramos la posibilidad de esta complicación, ya que usamos muchas imágenes y videos.
¿Qué es la carga perezosa? Lazyload significa que el video, las imágenes o los iframes se cargan solo cuando ingresan a la ventana gráfica y las imágenes restantes se cargarán a medida que los espectadores se desplazan hacia abajo en la página de su sitio web. Eso mejorará significativamente los tiempos de carga de su sitio y evitará que los usuarios abandonen su sitio web.
Beneficios de la carga diferida
La ventaja evidente de WordPress Lazy Load son los tiempos de carga más rápidos. Dado que solo está cargando una parte de su página, su contenido se mostrará más rápido en el navegador. Posteriormente, los visitantes usan menos ancho de banda, lo que es un gran beneficio para quienes tienen una conexión de datos móviles.
Por lo tanto, tus visitantes no solo podrán acceder rápidamente a tu sitio web, sino que también ahorrarán en su plan de datos móviles: ¿por qué gastar su tráfico de datos en cargar imágenes que no necesitan o no quieren ver? Un complemento de carga diferida es una técnica doblemente beneficiosa que necesitan todos los sitios con muchas imágenes.
Desventajas de Lazy Load
Lazyloading no es una técnica amigable para los motores de búsqueda todo el tiempo porque no solo está retrasando la carga de contenido para sus usuarios, también está retrasando la carga de contenido para los rastreadores de motores de búsqueda, es decir, los motores de búsqueda no indexarán parte o la totalidad de ese contenido. ¡No es bueno para el SEO!
Cuando se usa la carga diferida de WordPress para retrasar la carga de publicaciones, no solo imágenes, es un gran problema.
Otro inconveniente de las imágenes perezosas es que reducen la calidad de la experiencia de los usuarios. Todo el mundo ha experimentado el efecto secundario de carga diferida al desplazarse hacia abajo en una página muy rápidamente. En el proceso, las imágenes reales reemplazan las imágenes de marcador de posición y el contenido de la página a menudo salta.
Siempre que use la carga diferida de WordPress de manera inteligente y controle el SEO y la experiencia del usuario, solo obtendrá los beneficios de la carga diferida. Lea más sobre cómo cargar imágenes de forma diferida, el mejor complemento de carga diferida de WordPress para su sitio web e imágenes de carga diferida de WordPress.
“Estoy en contra de la carga diferida. Para mí, resulta en una mala experiencia de usuario", dice Jerry Low en Web Hosting Secrets Revealed, "Mi solución siempre ha sido usar un simple truco de JavaScript para diferir la carga de imágenes.
Esto es especialmente importante si tiene una página con muchas imágenes. Lo último que desea es que los usuarios que se desplazan hacia abajo rápidamente se encuentren frente a una pantalla en blanco".
Habilitación de LazyLoad en WordPress
La técnica de carga diferida es fácil de habilitar en cualquier sitio web de WordPress utilizando un complemento de carga diferida de WordPress. Hay muchos complementos de WordPress de carga diferida entre los que puede elegir y estos son algunos de los más populares:
Este complemento, que implementa la técnica "Lazy Load", evita la descarga de imágenes e iframe que no se muestran en la pantalla (por ejemplo, imágenes en la parte inferior de la página) hasta que el usuario las muestre. Esto mejora la velocidad de carga de la página y ahorra ancho de banda.
BJLazy Load, o BJLoad, es el mejor complemento de Lazy Load si desea cargar imágenes de forma diferida y reemplazarlas con marcadores de posición. Las imágenes seleccionadas pueden ser imágenes de Gravatar, imágenes de publicaciones, miniaturas o iFrames. También puede personalizar algunas configuraciones, incluida la selección de marcadores de posición.
BJLazy es un complemento de WordPress Lazy Load que se adapta a imágenes de tamaño optimizado, es decir, ofrece automáticamente imágenes de tamaño reducido en diseños receptivos y proporciona imágenes hiDPI para la pantalla retina de Apple y otras pantallas hiDPI.
Disminución del tiempo de carga de la página mediante la carga progresiva de imágenes y otros elementos. Se cargarán justo cuando lleguen a la parte visible de la pantalla.
El complemento afecta a estos elementos:
<img>elemento- propiedad CSS
background-image - imágenes sensibles con
srcsetatributo <iframe>elemento<video>elemento
Características:
- reduce hasta el 90% del tiempo de carga de la página, depende de la cantidad de elementos
- compatible con Visual Composer
- puede optar por omitir todos los iframes o solo uno en un elemento específico
- puede optar por omitir elementos específicos con alguna clase
- puede mostrar elementos antes o después que son visibles en la pantalla
- animación de aparición gradual opcional
a3 Lazy Load es un complemento orientado a dispositivos móviles, muy fácil de usar que acelerará la velocidad de carga de la página del sitio. Cuanto más contenido tenga su sitio, mejor funcionará el complemento y más verá las mejoras en el rendimiento.
Rocket Lazy Load es un complemento de WordPress Lazy Load fácil de instalar y activar que permite que su sitio web muestre todas las imágenes en cualquier publicación/widget, así como avatares, miniaturas y emoticones mientras los usuarios se desplazan hacia abajo en la página.
Rocket Lazy Load no solo es muy pequeño, ocupa menos de 2 kb, sino que también es un script de WordPress para imágenes de carga diferida sin opciones y no personalizable.
Crazy Lazy ayuda a aumentar el rendimiento de su blog o sitio web al mostrar imágenes de manera eficiente. Cuando una página normalmente muestra algunas imágenes, Crazy Lazy evitará que esas imágenes se carguen. Solo cuando un usuario se desplaza hacia abajo en la página y llega a la posición en la que realmente debería mostrarse una imagen, esa imagen en particular se cargará desde el servidor.
Diseñado teniendo en cuenta el desplazamiento infinito, Ajax Load More es un complemento de carga diferida que se puede adaptar a páginas de carga diferida, publicaciones y comentarios basados en consultas con la tecnología de Ajax. Algunas de las características de Ajax Load More incluyen el generador de código abreviado para consultas personalizadas de WP, así como la compatibilidad con Easy Digital Downloads y WooCommerce. En esencia, Ajax Load More también es un buen complemento si está buscando sitios de comercio electrónico de carga diferida.
Este complemento mejora los tiempos de carga de la página y aumenta su puntaje de Google PageSpeed. Reemplaza los videos incrustados de Youtube y Vimeo con una imagen de vista previa en la que se puede hacer clic.
Al cargar los videos solo cuando el usuario hace clic en la imagen de vista previa, utilizando jQuery, no se carga JavaScript innecesario. Especialmente en sitios con muchos videos incrustados, esto hará felices a sus visitantes.
Este complemento de carga diferida de WordPress está repleto de excelentes funciones, como la carga diferida para imágenes y la presentación de diapositivas de la galería y los efectos de caja de luz para las imágenes designadas. Con este complemento, puede agregar los efectos sin sacrificar la velocidad de carga de su página.
Image LazyLoad and Slideshow también tiene la opción de agregar CSS personalizado y códigos de seguimiento y HTML personalizado.
Altamente considerado como uno de los complementos de carga diferida más destacados para WordPress, Comments Avatar Lazyload maneja imágenes a través de Gravatar. Muchos complementos de comentarios usan las imágenes de Gravatar, y este complemento específico mejora los tiempos de carga de su sitio web mediante la carga diferida de imágenes de Gravatar.
¿Su sitio web tiene mucho contenido con muchas imágenes y consume muchos recursos cuando se carga? ¿Tu jefe y tus clientes consideran que la fluidez de la página es un asunto serio?
¡Con el complemento WP Image Lazy Load, ya no es necesario sacrificar la calidad de sus bellas imágenes!
Galerías familiares, portafolios, reportajes con muchas fotos. Este complemento proporciona una mejor experiencia de usuario al retrasar la carga de imágenes en páginas web (especialmente largas). Las imágenes fuera de la parte visible de la página que el usuario está viendo no se cargarán antes de que el usuario se desplace hacia ellas.
Pensamientos finales sobre los mejores complementos de carga diferida de WordPress
Las imágenes suelen ser las culpables cuando los sitios web tardan una eternidad en cargarse y, por lo tanto, la optimización de la velocidad de un sitio se centra en optimizar los tiempos de carga de las imágenes. Sin embargo, no se puede negar la importancia de las imágenes a la hora de aportar valor a una publicación o cualquier otro contenido.
Una imagen vale más que mil palabras sigue siendo cierto en la era de Internet. La experiencia del usuario es muy importante, y desea que los usuarios permanezcan en su sitio web para ver esas imágenes asombrosas que los dejarán boquiabiertos y harán que su contenido sea más relevante para ellos.
Por otro lado, los tiempos de carga lentos frustran a los usuarios y los ahuyentan. La solución es simple: el complemento WordPress Lazy Load. Un complemento de WordPress Lazy Load es la única solución para agregar excelentes tiempos de carga a un sitio web con muchas imágenes y videos.
Si disfrutó leyendo este artículo sobre el complemento de carga diferida de WordPress, debe consultar este sobre cómo aprovechar el almacenamiento en caché del navegador en WordPress.
También escribimos sobre algunos temas relacionados, como el complemento de la base de datos de WordPress, cómo acelerar WordPress, las opciones del complemento de caché de WordPress y los servicios de CDN.