ElegantThemes

Es tan fácil cargar imágenes en WordPress (2 opciones)

¿Le gustaría aprender a cargar imágenes lentamente en WordPress?

La carga diferida permite que su sitio web cargue imágenes solo cuando un usuario se desplaza a una imagen específica, lo que reduce el tiempo de carga del sitio web y mejora el rendimiento del sitio web.

Los sitios web con uso intensivo de imágenes más populares utilizan la carga diferida para Aumentar la velocidad y el rendimiento del sitio web.

En este artículo, le mostraremos paso a paso cómo cargar fácilmente imágenes en WordPress.

¿Por qué cargar imágenes de forma diferida en WordPress?

La carga lenta de sus imágenes de WordPress puede acelerar su sitio web y brindar una mejor experiencia de usuario.

A nadie le gustan los sitios web lentos. De hecho, un estudio de rendimiento encontró que un solo segundo de retraso en el tiempo de carga de la página resultó en un 7% menos de conversiones, un 11% menos de páginas vistas y un 16% menos de satisfacción del cliente.

Estudio de Strangeloop

A los motores de búsqueda como Google tampoco les gustan los sitios web de carga lenta. Debido a esto, los sitios web más rápidos ocupan un lugar más alto en los resultados de búsqueda.

Las imágenes tardarán más en cargarse en su sitio web en comparación con otros elementos web. Si agrega muchas imágenes a sus artículos, cada imagen aumentará el tiempo de carga de su página.

Una forma de lidiar con esta situación es utilizar un Servicio CDN, como BunnyCDN. Un CDN permite al usuario descargar imágenes de un servidor web cercano y reducir la velocidad de carga del sitio web.

Sin embargo, sus imágenes aún se cargarán y afectarán el tiempo de carga general de la página. Para solucionar este problema, puede retrasar la carga de imágenes implementando Lazy Load en su sitio web.

¿Cómo funciona la carga diferida para las imágenes?

En lugar de cargar todas sus imágenes a la vez, la carga diferida solo descarga las imágenes que son visibles en la pantalla del usuario. Reemplaza todas las demás imágenes con una imagen de marcador de posición o un espacio.

Cuando un usuario se desplaza hacia abajo, su sitio web carga imágenes que son visibles en el área de visualización del navegador.

La carga diferida puede ser muy beneficiosa para ti Blog de WordPress.

  • Reduce el tiempo de carga inicial de la página web para que los usuarios vean su sitio web más rápido.
  • Ahorra ancho de banda sirviendo solo las imágenes que se muestran y puede ahorrar costos de alojamiento

El lanzamiento de WordPress 5.5 Carga diferida agregada como característica estándar.

Sin embargo, si desea personalizar la forma en que sus imágenes se cargan de forma diferida y las imágenes de fondo se cargan de forma diferida, deberá utilizar un complemento de WordPress.

Nota: Si bien la carga diferida ayuda a mejorar la velocidad de carga del sitio web, para obtener el máximo rendimiento, siempre debe optimizar las imágenes para la web antes de subirlas a WordPress.

Para obtener más información, consulte nuestra guía para Cómo optimizar imágenes para el rendimiento web sin perder calidad.

Vamos a compartir dos diferentes Complementos de WordPress que puede ayudarlo a configurar la carga diferida para imágenes de WordPress fácilmente. Puede usar los enlaces rápidos a continuación para ir directamente al método que desea usar.

Método 1. Carga diferida de imágenes en WordPress con WP Rocket

Recomendamos utilizar el Misil WP Complemento para la carga diferida de imágenes en WordPress. Eso es mejor complemento de almacenamiento en caché de WordPress en el mercado y puede habilitar fácilmente la carga diferida de imágenes.

Aparte de eso, es un complemento muy poderoso que le permite optimizar la velocidad de su sitio web sin conocer términos técnicos complejos.

Nada más sacarlo de la caja, todas las configuraciones predeterminadas de almacenamiento en caché recomendadas serán suyas Sitio web de WordPress.

Para habilitar la carga diferida de imágenes, todo lo que necesita hacer es marcar algunas casillas. Incluso puede habilitar la carga diferida para videos, lo que mejorará aún más la velocidad de su sitio web.

Imágenes de WP Rocket Lazy Load

Para obtener más información, consulte nuestra guía para cómo instalar y configurar correctamente WP Rocket en WordPress.

Nota: si utiliza Tierra del sitio como tu Alojamiento de WordPress Proveedor, entonces puede obtener el gratis Optimizador de SiteGround Complemento con funciones de carga diferida similares.

Método 2. Carga diferida de imágenes en WordPress con Optimole

Este método utiliza el gratuito Optimol Enchufar. Es una de las los mejores complementos de compresión de imágenes de WordPress y le permite habilitar fácilmente la carga diferida de imágenes.

Si tiene más de 5000 visitantes al mes, necesita este Versión premium.

Primero necesitas instalar y activar el complemento. Para obtener más información, consulte nuestra guía paso a paso sobre ¿Cómo instalo un complemento de WordPress?.

Después de la activación, vaya a Medios »Optimole y luego debe registrarse para obtener una clave API.

Regístrese para obtener la clave API

Simplemente haga clic en «Registrarse y enviar su clave API por correo electrónico» y se le enviará por correo electrónico.

Luego ingrese su clave API y haga clic en «Conectarse al servicio Optimole».

Ingrese la clave API

Luego haga clic en la pestaña Configuración.

Aquí puede asegurarse de que el ajuste «Escalar imágenes y & carga diferida» esté activado. Esto generará imágenes basadas en el tamaño de la pantalla de su visitante y mejorará la velocidad de carga.

Configuración de carga diferida

Luego haga clic en la opción de menú «Avanzado» y seleccione «Carga diferida».

Hay algunas configuraciones diferentes en esta pantalla que puede usar para ajustar la forma en que sus imágenes se cargan lentamente.

Primero, puede ajustar la configuración ‘Excluir el primer número de imágenes de la carga diferida’. Esto pondrá imágenes encima de su Publicaciones o páginas mediante carga diferida, de modo que las imágenes en la parte superior del pliegue siempre se muestren.

Excluir imágenes de la carga diferida

Puede establecer esto en 0 si desea que se retrase la carga de cada imagen.

A continuación, puede activar el control deslizante ‘Escalar imágenes’.

Activar escalado de imágenes

Esto escalará las imágenes al tamaño de la pantalla del visitante y su página se cargará más rápido.

Luego puede activar la configuración «Habilitar carga diferida para imágenes de fondo».

Fondos de pantalla de carga diferida

Esto cargará tu perezoso Imágenes de fondoque pueden ser algunas de las mejores imágenes de su sitio web.

Otra configuración que puede habilitar es la carga diferida videos incrustados e iframes. Si tiene mucho contenido de video incrustado, debe habilitar esta configuración.

Video de carga diferida

Esto cargará una imagen de marcador de posición en lugar del video. Al hacer clic, se cargará el video completo.

Aún puede ajustar esta configuración y ver qué funciona mejor para su sitio web y sus imágenes.

Antes de salir de la configuración del complemento, haga clic en el botón «Guardar cambios».

Esperamos que este artículo le haya ayudado a aprender a cargar imágenes lentamente en WordPress. También puede querer el nuestro Guía para principiantes sobre SEO de imágenes para optimizar imágenes para los motores de búsqueda y nuestros consejos de expertos para mejores servicios de marketing por correo electrónico para pequeñas empresas.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

El cargo Es tan fácil cargar imágenes en WordPress (2 opciones) apareció primero WPBeginner.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *