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

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

En los últimos meses, hemos destacado 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 y, por lo tanto, el tiempo de carga global. Por otro lado, lazy loading de imágenes facilita la navegación en tu sitio web al posponer la carga de las imágenes hasta que los lectores las vean.

Al posponer la carga de imágenes, los usuarios móviles pueden ahorrar en su plan de datos. El resto se beneficia de tiempos de carga más rápidos, lo que a su vez mejora su posicionamiento SEO. El impacto positivo de la lazy loading es tan significativo que Google Chrome planea adoptar esta técnica de forma nativa en futuras actualizaciones.

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

carga diferida y compresión de imágenes

 

Compresión de imágenes diligente

lazy loading de imágenes pospone la descarga de las imágenes hasta que se necesiten. El tiempo de descarga depende de su tamaño, ya sea de unos pocos kilobytes o megabytes. La compresión de imágenes acelera el proceso de descarga al reducir su tamaño. ¿Por qué cargar imágenes completas de forma diferida cuando se pueden cargar imágenes comprimidas de forma diferida?

ImageRecycle actúa como optimizador de imágenes. Está diseñado para reducir el tamaño de las imágenes sin comprometer la calidad. Las imágenes son algunos de los elementos más comunes y grandes en ImageRecycle páginas web modernas. Reducir su tamaño implica reducir el espacio de almacenamiento y una experiencia de navegación más rápida. Los efectos son asombrosos. Añadiría que el efecto es aún más impresionante cuando la lazy loading utiliza técnicas avanzadas como la precarga de la ventana gráfica, lo que significa que las imágenes ya están precargadas en una o dos pantallas.

ventana gráfica de imagen de precarga

 

 

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

ImageRecycle- Configuración


 

El proceso para usar ImageRecycle en cualquiera de estos dos plugins o en el script es relativamente sencillo. Primero, debe activar una prueba gratuita de ImageRecycle o adquirir una suscripción. Después, instale y active las extensiones de WordPress o Joomla y el plugin ImageRecycle , y agregue su clave API y secreto ImageRecycle en la página de configuración. Una vez que active correctamente su cuenta ImageRecycle , podrá disfrutar de sus beneficios sin tener que abandonar WordPress, Joomla, OpenCart ni ningún otro CMS.

Si es la primera vez que usa ImageRecycle en su sitio web, podrá optimizar al instante todos sus archivos multimedia. Con el plugin activado, podrá comprimir todas las imágenes e incluso archivos PDF en bloque. Posteriormente, podrá optimizar los archivos individualmente o comprimirlos en bloque. Lo mejor de todo es que este proceso se realiza en segundo plano.

 

Ajuste fino de la compresión de imágenes

Poder optimizar todas las imágenes es una ventaja, pero la mayor ventaja de ImageRecyclees su control. Con ImageRecycle, la optimización de imágenes adquiere un nuevo nivel de control. Puedes incluir carpetas multimedia específicas para comprimir, manteniendo las demás imágenes en su estado original.

Incluso puedes especificar el nivel de compresión de forma independiente para diferentes tipos de archivo: PDF, PNG, JPG y GIF. Los niveles de compresión varían desde el máximo ahorro, que reduce el tamaño de los archivos hasta un 80 %, hasta el nivel de calidad original menos permanente, o incluso sin compresión.

Calidad de compresión de imagen

 

En algunos casos, conviene realizar un ajuste de tamaño previo a la compresión de imágenes. Considere subir imágenes de gran tamaño a un blog que no se centre demasiado en contenido multimedia. De todas formas, es probable que estas imágenes se reduzcan de tamaño al renderizarse en el frontend.

Lo más preocupante es que estas imágenes grandes ocupan demasiado espacio y es necesario descargarlas completas para poder mostrarlas. ImageRecycle te permite ajustar automáticamente el tamaño de las imágenes a su ancho o alto máximo para evitar almacenar imágenes grandes que afecten negativamente a 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 lazy loading , haciéndola totalmente efectiva mediante la optimización de imágenes. ¿Aún no te decides o te entusiasma probar la compresión de imágenes? ¡Prueba ImageRecycle ImageRecycle !

    Comentarios | Añade el tuyo
      • No se encontraron comentarios