• Inicio
  • Noticias
  • Complementar la Lazy Loading con compresión de imágenes

Complementar la Lazy Loading con compresión de imágenes

Durante los últimos meses, hemos hablado de la importancia de la compresión de imágenes. Ya sea en Joomla, WordPress, Drupal o cualquier otro CMS, la compresión de imágenes mejora el peso de la página, por lo tanto el tiempo de carga global. Por otro lado, la lazy loading imágenes facilita la navegación en su sitio web al posponer la carga de imágenes hasta que sus lectores accedan a las imágenes.

Al posponer la carga de imágenes, los lectores móviles pueden ahorrar en su plan de datos. Todos los demás se benefician de tiempos de carga más rápidos, lo que a su vez aumenta su puntaje de SEO. El impacto positivo de la lazy loading es lo suficientemente significativo como para que Google Chrome esté planeando adoptar la técnica de forma nativa en futuras actualizaciones.

La lazy loading imágenes no es la solución definitiva para todos los problemas de carga de blogs. En algunos casos, es necesario precargar imágenes. En otros casos, tiene imágenes grandes que tardan demasiado en cargarse. Lo que es común en estos escenarios es el hecho de que las imágenes tienen la última palabra en los tiempos de carga. Aquí es donde entra la compresión de imágenes.

carga perezosa e compresión de imagen

 

Compresión de imagen diligente

La lazy loading imágenes pospone la descarga de imágenes hasta que se necesitan. El tiempo que lleva descargar imágenes depende del tamaño de la imagen, ya sea de unos pocos kilobytes o megabytes de tamaño. La compresión de imágenes acelera el proceso de descarga real al reducir el tamaño de las imágenes. ¿Por qué cargar de forma diferida imágenes de tamaño completo cuando podría cargar imágenes comprimidas de forma diferida?

ImageRecycle asume el papel de optimizador de imágenes. ImageRecycle está diseñado para reducir el tamaño de las imágenes sin comprometer la calidad. Las imágenes comprenden algunos de los elementos más comunes y grandes de las páginas web modernas. Reducir su tamaño significa pagar por menos espacio de almacenamiento y una experiencia de navegación más rápida. Los efectos son asombrosos. Agregaría que el efecto es aún más impresionante cuando la lazy loading utiliza una técnica avanzada como la precarga de la ventana gráfica, lo que significa que una o dos alturas de pantalla ya tienen sus imágenes precargadas.

pre-load-image-viewport

 

 

ImageRecycle se puede usar en cualquier proyecto gracias a una API práctica, pero no es necesario tener una mentalidad técnica para usar ImageRecycle . El optimizador de imágenes es parte de dos complementos que lo ayudan a optimizar sus blogs de WordPress y Joomla: WP Speed of Light y Speed Cache y se puede usar en casi cualquier plataforma con el script de compresión de imágenes PHP.

ImageRecycle -Setup


 

El proceso para usar ImageRecycle en cualquiera de estos dos complementos o en el script es relativamente sencillo. Primero, debe activar una prueba gratuita de ImageRecycle o comprar una suscripción. Luego, instale y active las extensiones de WordPress o Joomla y el complemento ImageRecycle , y agregue su clave y secreto de API ImageRecycle en la página de configuración. Una vez que active con éxito su cuenta ImageRecycle , puede aprovechar sus beneficios sin tener que salir de WordPress, Joomla, opencart o cualquier CMS.

Si es la primera vez que utiliza ImageRecycle en su sitio web, puede actualizar inmediatamente todos sus archivos multimedia. Con el complemento activado, puede comprimir todas las imágenes e incluso archivos PDF a granel de inmediato. En el futuro, puede optimizar archivos individualmente o comprimir medios a granel. Lo mejor de todo es que este proceso ocurre en segundo plano.

 

Ajuste de compresión de imagen

Poder optimizar todas las imágenes es una bendición, pero la mayor demostración de fuerza de ImageRecycle es su control. Con ImageRecycle , la optimización de la imagen recibe una dimensión de control completamente nueva. Puede incluir carpetas de medios específicas para la compresión, dejando otras imágenes en su estado original.

Incluso puede especificar el nivel de compresión de forma independiente para diferentes tipos de archivos: archivos PDF, PNG, JPG y GIF. Los niveles de compresión van desde el mejor ahorro, cortando los tamaños de archivo hasta en un 80%, hasta el nivel de calidad original menos permanente, hasta ninguna compresión.

calidad de compresión de imagen

 

En algunos casos, es posible que desee preceder a la compresión de imágenes mediante un paso de cambio de tamaño preliminar. Considere cargar imágenes que tengan grandes dimensiones en un blog que no se centre ampliamente en los medios. Es probable que estas imágenes se reduzcan cuando se procesen en la interfaz de todos modos.

Lo más preocupante es que estas imágenes grandes ocupan demasiado espacio y deben descargarse en su totalidad para mostrarse. ImageRecycle te permite ImageRecycle la escala de las imágenes automáticamente a un ancho o alto máximo para evitar almacenar imágenes grandes que tengan un efecto perjudicial en tu blog.

Lazy loading es una buena solución para reducir los tiempos de carga de tu blog, pero a veces puede ser casi superficial: una aceleración temporal de las páginas web. La compresión de imágenes complementa la lazy loading haciéndola totalmente efectiva mediante la optimización de imágenes. ¿Todavía estás indeciso o emocionado de probar la compresión de imágenes? Pruebe ImageRecycle usted mismo con una prueba gratuita.

    Comentarios | Agrega el tuyo
      • No se encontraron comentarios