Optimus Review – Compresión de imagen de WordPress

De los veinte expertos en el rendimiento web que KeyCDN entrevistó, dijimos que la optimización de la imagen era su prioridad o lente número uno. Con tales resultados, es fácil entender por qué KeyCDN decidió crear el complemento Optimus. Optimus es un optimizador de imágenes Freemium con muchas características interesantes, como compresión sin imagen, conversión de WebP, JPEG progresivo y optimización de bloques. Está hecho por KeyCDN, quien obviamente sabe algunas cosas sobre la optimización del rendimiento. Ayudan a WebMasteri a optimizar el rendimiento de 2012. Si no está familiarizado con su servicio CDN, he escrito una revisión KeyCDN desde 2014.
Ahora vuelve a Optimus … si alguna vez ha ejecutado su sitio a través de Google PageSpeed ​​Insights, probablemente notó que siempre le dice que optimice sus imágenes:

¿Por qué? Porque las imágenes optimizadas significan tiempos de carga de página más rápidos. Y los tiempos de carga de página más rápidos significan una mejor experiencia del usuario, tasas de conversión más altas y mejores clasificaciones de búsqueda. Optimus es una herramienta poderosa que puede ayudarlo a optimizar su rendimiento al hacer un gran trabajo en la pérdida de imagen de libremente. Echemos un vistazo al complemento …
Las características de Optimus a continuación son las características más distintivas del complemento Optimus.

El artículo continúa a continuación
Compresión sin pérdidas imagen Hay dos tipos de compresión de imagen:
Con pérdidas: en compresión con pérdidas, algunos datos del archivo original se pierden durante la compresión. Esto significa que puede reducir drásticamente el tamaño del archivo, pero con el precio de la pérdida visible de la calidad de la imagen.
Sin pérdidas: sin compresión de pérdida, las imágenes se comprimen solo al eliminar datos innecesarios. Esto significa que aunque las reducciones de tamaño no serán tan grandes, las imágenes no pierden ninguna calidad.
Optimus usa compresión de no pérdida. Esto significa que aún puede obtener reducciones de hasta el 70% sin perder calidad. En mi prueba, noté que mis archivos .png .png archivos generalmente se reducen en aproximadamente un 40%, lo cual es bastante bien en mi opinión.
Conversion WebP WebP es un nuevo formato de imagen liderado por Google, que ofrece pérdidas y pérdidas. Las imágenes WebP son 26% más bajas que .png y 25-34% más bajas que .jpeg. Optimus le permite aprovechar este formato transmitiendo automáticamente las imágenes WebP en lugar de los archivos .png o .jpeg. Todo lo que tiene que hacer es agregar el código que proporciona a su archivo .htaccess para aprovechar automáticamente la conversión. Esta característica es bastante única entre los complementos de optimización de imágenes. Debido a que no se ha adoptado por completo, solo los usuarios con Chrome u Opera (u otros navegadores de Chromium) pueden aprovechar las imágenes webp. Esto significa que solo alrededor del 60% de sus usuarios pueden aprovechar la webp.
JPEG Progress Optimus le permite cargar JPEG progresivamente en lugar de la línea base. ¿Cual es la diferencia? Este:

Fuente: Seis revisiones JPEG 101: Una guía del curso de bloqueo en JPEG Normalmente, los JPEG se cargan de arriba a abajo. Esto significa que los usuarios pueden tener que esperar mientras la imagen crece lentamente.

El artículo continúa a continuación

Con JPEG progresivo, la imagen completa se muestra inmediatamente. Solo toma tiempo para que se cargue toda la calidad. Esta es una mejor experiencia para el usuario, porque los usuarios aún pueden ver la imagen completa de inmediato, incluso si está un poco pixelada. Optimización a granel ¿Su sitio ya tiene cientos de imágenes? Optimus incluye una herramienta de optimización masiva que le permite optimizar automáticamente todas sus imágenes actuales con un clic en un botón. Esto significa que el complemento puede funcionar excelente en sitios nuevos y existentes. Configuración del complemento Optimus para iniciar, instale el complemento en el almacén de WordPress como de costumbre. Le da esta notificación después de la activación, que es un toque agradable:
Debido a que KeyCDN fue muy amable de proporcionarme una clave de licencia para Optimus HQ (versión pagada del complemento), ingresaré mi clave de licencia:

Luego vaya a la página de configuración del complemento para ver todo lo que pueda configurar:

Estas son las opciones de configuración: Imágenes originales: elija si desea o no mantener o no la versión original de su imagen (o solo versiones optimizadas). Mantengo mis archivos originales localmente, así que estoy bien que Optimus solo mantenga las versiones optimizadas.

El artículo continúa a continuación

Metadatos de imagen: puede solicitar a Optimus para mantener los metadatos de la imagen, en detrimento de renunciar a una pequeña reducción en el tamaño. No necesito eso, así que lo dejaré descarado. Esto es solo para usuarios de HQ.

Archivos WebP: aquí puede activar las imágenes WebP que discutí anteriormente. Es solo para usuarios de HQ y debe agregar algunas reglas a su archivo .htaccess para completar la configuración. Conexión HTTPS: para los usuarios de HQ, puede enviar imágenes a los servidores Optimus a través de HTTPS para una mejor seguridad. Optimizado durante la carga: puede elegir si desea o no optimizar las imágenes durante el proceso de carga. Si fuera mi propio sitio, dejaría esta opción activada para facilitar su uso. Pero por ahora, le deshabilitaré que le muestre cómo optimizar manualmente las imágenes. Esto es para la configuración, pero antes de mostrarle cómo usar el complemento, quiero cubrir otra cosa … ¿Dónde las imágenes optimizadas? En lugar de optimizar las imágenes en el servidor local, Optimus envía imágenes al servidor Optimus para su optimización. No estoy seguro de que haya grandes preocupaciones sobre la confidencialidad a este respecto, porque probablemente tenga la intención de distribuir el público de la imagen de todos modos. Pero si le preocupa la privacidad, Optimus no almacena ninguna imagen en su servidor. Eliminan inmediatamente las imágenes después de la optimización. Usando el complemento Optimus como mencionamos, deshabilité la optimización automática. Normalmente, puede solicitar a Optimus que haga todo esto automáticamente al cargar la imagen. Pero así es como puede optimizar manualmente las imágenes o usar el optimizador de imágenes.

Para comenzar, subiré un hermoso archivo .jpeg de una carrera de caracoles. Luego, haré clic en el menú Drop -down para encontrar la opción Opción de optimización:
Cuando hago clic en esto, me lleva a la página de optimización de imágenes que muestra mi progreso. Debido a que era una sola imagen, no duró en absoluto: cuando regreso a mi biblioteca de medios, Optimus muestra una clara indicación de cuánto logró comprimir la imagen:
7%? Esto no es nada especial. Pero la imagen ya estaba bastante optimizada. Intentemos con un archivo .png neo optimizado:

¡40%! Eso es mucho mejor. Cargué muchas más fotos y la compresión parecía variar del 30% al 43%. Optimus afirma que puede alcanzar hasta el 70% sin pérdida, pero imagino que la imagen debería comenzar increíblemente neoptimizada para obtener esos resultados:

También puede encontrar el optimizador de imágenes en el bloque accediendo a las herramientas → optimizar todas las imágenes:

Entonces solo tiene que hacer clic en un botón para optimizar todas sus imágenes:

Optimus vs WP Smush Para tener una idea de cómo comparar Optimus con otros complementos de optimización de imágenes, hice una prueba rápida contra WP Smush en dos de mis sitios locales. Usé la misma imagen .png con cada complemento. Aquí están los resultados:

WP Smush redujo la imagen en un 22.1%. ¿Cómo fue Optimus?

Optimus redujo la misma imagen en un 43%. Entonces, al menos con esta pequeña dimensión de la muestra, Optimus ciertamente sale con un gran margen. Precios Optimus Basic Plugin Optimus es gratuito. Pero eso viene con algunas restricciones:

El tamaño máximo del archivo es de 100 kb

Sin imágenes webp

Sin conexión HTTPS
Personalmente, el tamaño máximo de archivo de 100 kb sería difícil para mí, por lo que probablemente compraría la versión paga. La versión pagada se llama Optimus HQ y cuesta $ 19 por año. Conseguirle:
Tamaño máximo del archivo 5 mbutilización ilimitado en sitios personales (si es un desarrollador, tenga una licencia para usted).
Imágenes webp
Conexión HTTPS
Todas las versiones le permiten optimizar imágenes ilimitadas .png y .jpeg, pero nuevamente, creo que el tamaño máximo de archivo de 100 kb es un buen incentivo a pagar. Los pensamientos finales de Optimus son muy fáciles de usar. Básicamente, todo lo que tiene que hacer es instalarlo, activar la optimización automática y optimizar las imágenes antiguas. Luego solo zumbaba en el fondo, manteniendo las imágenes optimizadas. La opción WebP es buena para una compresión aún mayor. Me imagino que Google afirma por ello, WebP continuará creciendo en la adopción. Al menos en mi prueba, Optimus ciertamente salió contra WP Smush, que es el complemento de optimización de imágenes más popular como sé. Ahora, el tamaño de mi muestra era una sola imagen, pero la diferencia era bastante dramática. Optimus ha comprimido la imagen casi el doble. Mi veredicto? Ciertamente, aproveche a Optimus y comience a optimizar esas imágenes.