Índice
La mayoría de nosotros sabemos que el rendimiento del sitio es crucial para obtener una buena clasificación en los motores de búsqueda.
Esto es de conocimiento común, pero muchos propietarios de sitios aún suben imágenes enormes que hacen que su sitio cargue lentamente.
Existen varios plugins de optimización de imágenes de WordPress que resuelven este problema y reducen automáticamente tus imágenes a un tamaño lo suficientemente pequeño como para no afectar el rendimiento del sitio, sin perder demasiada calidad y resolución.
En este artículo, vamos a examinar algunos de los mejores plugins de optimización de imágenes para WordPress para ayudar a tu sitio a acelerar y obtener una mejor clasificación.
Tabla Comparativa
¿Cómo probé el plugin?
No solo revisé las tablas de características en las páginas de precios de cada producto, un enfoque común pero insuficiente que he observado en muchos artículos.
En su lugar, probé manualmente cada plugin instalándolos y usándolos para optimizar una sola página en mi sitio, incluyendo la optimización de diez imágenes grandes.
En mi revisión traté de ofrecer una perspectiva holística, enfocándome no solo en la efectividad de la compresión, sino también en la facilidad de uso, el impacto en la velocidad del sitio y la asequibilidad del plan.
Tabla comparativa completa de características
Para ayudarte a comparar rápidamente las características clave y los métricos de rendimiento de cada plugin, he incluido una tabla comparativa detallada a continuación. Esta visión general te dará una instantánea de lo que ofrece cada plugin, facilitando la decisión de cuál podría ser el adecuado para tus necesidades.
¿Qué son los plugins de optimización de imágenes?
Los plugins de optimización de imágenes ayudan a los propietarios de sitios web a mejorar el rendimiento y la velocidad de carga del sitio comprimiendo eficientemente las imágenes.
Estos plugins juegan un papel crítico en la mejora de los tiempos de carga del sitio web, las clasificaciones en los motores de búsqueda y la experiencia del usuario a través de cargas de página más rápidas.
Ofrecen características para comprimir automáticamente las imágenes, optimizar los tamaños de archivo sin perder calidad y servir imágenes en formatos de próxima generación.
Existen varios tipos de plugins de optimización de imágenes de WordPress disponibles para ayudar a mejorar la eficiencia del sitio web y el compromiso de los visitantes. Aquí hay algunas características comunes de los plugins de optimización de imágenes de WordPress:
- Compresión automática de imágenes
- Optimización masiva de imágenes existentes
- Conversión a formatos de imagen de próxima generación
- Herramientas de redimensionamiento y recorte de imágenes
Implementar estos plugins puede asegurar imágenes optimizadas en el sitio web, lo que lleva a tiempos de carga más rápidos y un mejor rendimiento general. Esto no solo mejora la experiencia del usuario, sino que también contribuye a una mayor clasificación en los motores de búsqueda y una presencia en línea más efectiva.
Una palabra sobre la compresión automática de WordPress
¿Sabías que WordPress proporciona características integradas de optimización de imágenes?
Incluso sin ningún plugin, WordPress aún reducirá cualquier imagen grande que subas.
Esto puede llevarte a preguntarte por qué es necesario un plugin dedicado.
La razón es que la compresión que ofrece WordPress no es suficiente para asegurar el nivel necesario de rendimiento del sitio.
Por ejemplo, subí esta imagen de Unsplash que originalmente pesaba 17.6MB, y WordPress la redujo a 924KB. Un plugin de optimización de imágenes adecuado la reduciría a unos 300KB, asegurando que el sitio cargue rápidamente tanto en dispositivos de escritorio como móviles. Además, los plugins de optimización de imágenes ofrecen otras características importantes, como convertir imágenes al formato más eficiente WebP.
La prueba
Comencé esta comparación con una instalación nueva de WordPress, subiendo diez fotos que tomé en la oficina a una sola página.
El original de cada foto pesa alrededor de 2MB, y después de la subida WordPress redujo ese número a entre 600-800KB.
Image Optimizer by Elementor
Como trabajo en Elementor, podría parecer parcial hacia nuestro propio producto. Sin embargo, como verás, pasé por el mismo proceso de instalación y uso para todos los plugins que probé, e incluso encontré algunas áreas de mejora para Image Optimizer.
Configuración inicial
Después de instalar el plugin gratuito, encontré un menú bastante útil que incluía todas las configuraciones que necesitaba:
La configuración inicial implica conectarse al sitio web de Elementor. Para los nuevos usuarios que aún no se han registrado, el proceso es un poco más largo pero aún manejable en unos pocos minutos.
¿Se optimizó bien?
Las imágenes que probé vieron una reducción drástica en tamaño, de 693KB a 165KB. Usando Google PageSpeed Insights, la puntuación móvil mejoró de 47 antes de la optimización a 69 después. Dos otros métricos SEO importantes mejoraron. First Contentful Paint (FCP) pasó de 2.7 a 1.8, y Largest Contentful Paint (LCP) pasó de 25.7 a 5.6.
Teniendo en cuenta que no hicimos ninguna optimización más allá de hacer clic en el botón de optimizar, estos son resultados muy impresionantes.
Interfaz de Usuario
Image Optimizer tiene un beneficio de interfaz que ningún otro plugin que probé ofreció: la capacidad de trabajar en segundo plano. Esto es especialmente importante para sitios con muchas imágenes. Para la mayoría de los plugins, tienes que permanecer en la pantalla de optimización durante todo el proceso de optimización, y esto puede realmente desperdiciar tu valioso tiempo. Con Image Optimizer, no tienes que pausar tu flujo para esperar a que el plugin termine la optimización.
Después de instalar Image Optimizer, cualquier imagen que subas se optimizará automáticamente, así como se convertirá a WebP. También obtienes una pantalla de Optimización Masiva que te permite auto-optimizar todas las imágenes preexistentes del sitio.
El plugin logró tomar cada una de las imágenes y reducirlas de un promedio de 2MB a un promedio de 179KB. Otra característica útil es el hecho de que Image Optimizer fue el único plugin que optimizó las imágenes en segundo plano, permitiéndote navegar fuera de la pantalla de optimización. También se destaca como el único plugin que no añade otro panel de control bajo Configuración, manteniendo todas sus pantallas bajo Medios.
¿Es una solución rentable?
Cuantas más imágenes tengas en tu sitio, más crucial se vuelve el factor precio al elegir los plugins de optimización.
Al investigar para esta revisión, entrevisté a un desarrollador que movió su sitio de TinyPNG a Site Optimizer, y mencionó que maneja un sitio con 60K imágenes. Al cambiar a Site Optimizer, pudo reducir su gasto de unos pocos miles de dólares al mes a $199 al año.
Empresa detrás
Como mencioné, Image Optimizer está hecho por Elementor, el constructor de sitios web que también es el plugin número 1 en el repositorio de WordPress. Elementor es una empresa establecida, fundada en 2016, y ahora cuenta con más de 350 empleados.
Conclusión
El plugin Image Optimizer de Elementor se distingue por su integración perfecta con WordPress, ofreciendo una experiencia fácil de usar que mejora significativamente la velocidad del sitio sin sacrificar la calidad de la imagen. Esta herramienta de optimización no solo sobresale en comprimir imágenes a tamaños óptimos, sino que también introduce características innovadoras como la optimización en segundo plano, estableciendo un nuevo estándar de eficiencia y efectividad.
TinyPNG
Configuración inicial
Después de instalar el plugin, necesitarás registrarte a través del formulario en la página de configuración. La configuración básica es bastante simple, pero ten en cuenta que parte de esto se debe a que TinyPNG ofrece el menor número de características en comparación con los otros plugins que probamos.
¿Se optimizó bien?
TinyPNG obtuvo una puntuación media en cuanto a la optimización de imágenes. Redujo la imagen de 693K a 347K, y redujo el tamaño total de la página de 9.3MB a 8.3MB.
Interfaz de Usuario
De manera similar al plugin anterior, TinyPNG también te ofrece una interfaz sencilla que optimiza las imágenes al subirlas o en masa en segundo plano. Sin embargo, cuando lo probé en un sitio pequeño, la optimización no funcionó en segundo plano. Tuve que permanecer en la misma ventana para que la optimización continuara.
Tampoco obtuve ninguna indicación sobre la diferencia entre la imagen original y la nueva imagen optimizada, lo que dificultaba decidir si la imagen estaba suficientemente optimizada o no.
¿Es esta una solución rentable?
Aquí es donde TinyPNG es especialmente problemático. Optimizar 1M de compresiones te costará $24,780 al año. Esa es una suma enorme para el servicio proporcionado de optimización de las imágenes de tu sitio.
Empresa detrás
Siguiendo su página de Linkedin, encontré a dos personas de los Países Bajos conectadas a Tinify, la empresa detrás de TinyPNG. En contraste con los otros plugins que revisamos, TinyPNG no parece estar tan bien conectado con el ecosistema de WordPress, careciendo de la profundidad de integración y el compromiso comunitario que se ve con sus competidores. Este desapego podría contribuir a su enfoque menos amigable para el usuario y las limitaciones en las características y opciones de personalización que ofrece.
Conclusión
Con una lista de características que carece de funcionalidad necesaria y un modelo de precios insatisfactorio, TinyPNG realmente no se acerca a su competencia.
EWWW Image optimizer
Configuración inicial
Tengo que mencionar que este plugin podría tener el peor nombre de producto que he escuchado. Suena como una expresión de repulsión (es decir, “¡EWWW, esta pasta es horrible!”).
En cualquier caso, con un nombre de marca así, no esperaba una experiencia de usuario espectacular, pero me sorprendió gratamente. EWWW Image Optimizer ofreció un proceso de configuración sorprendentemente sencillo y una interfaz fácil de usar. El panel de control del plugin era intuitivo, lo que facilitaba la navegación a través de varias configuraciones de optimización sin abrumar a los usuarios con jerga técnica.
La configuración inicial fue bastante sencilla. Además, a diferencia de la mayoría de los plugins, este no requiere una conexión API. Incluye esta conexión para la versión premium, pero no para la gratuita. Ten en cuenta que esto también podría tener un lado negativo, ya que podría poner una carga en tu servidor, haciendo que tu sitio cargue más lento, lo cual es exactamente lo contrario de lo que se pretende con el plugin.
Encontré la visualización de las imágenes optimizadas bastante tediosa, ya que mostraba todos los diferentes tamaños de cada imagen.
¿Se optimizó bien?
Después de subir 10 imágenes, me sorprendió descubrir que apenas se había hecho alguna reducción. Para todos los plugins que probé, mantuve la configuración predeterminada, teniendo en cuenta que no soy un experto en imágenes y no tengo tiempo para ajustar demasiado las configuraciones de optimización.
Al probarlo, me decepcionó descubrir que la configuración predeterminada de EWWW Image Optimizer solo redujo marginalmente el tamaño de los archivos de imagen sin una mejora significativa en la calidad.
El tamaño original de la página que incluía las 10 imágenes era de 9.3MB. EWWW solo lo redujo a 8.9, lo cual no es suficiente en términos de SEO.
La falta de soporte para formatos de próxima generación como WebP fue una omisión notable, impactando la efectividad general del plugin para el rendimiento SEO.
Interfaz de Usuario
Después de registrarme para obtener la clave API, estaba un poco confundido. Las características que ofrecía el plugin cambiaron, y había un interruptor entre “Modo Fácil” y “Modo Ridículo”.
Cuando intenté iniciar sesión en el sitio, apareció un aviso extraño:
Así que, no pude iniciar sesión para ver el panel de control en la nube. Además, el sitio de EWWW parecía usar una plantilla predeterminada de WordPress. Estos aspectos sugerían una operación menos que satisfactoria.
También quiero mencionar que el modo Ridículo hace honor a su nombre. Hay demasiadas pantallas allí, y las configuraciones eran muy confusas para mí.
Hasta donde yo sé, el plugin no ofrece optimización automática para cada nueva imagen subida.
¿Es una solución rentable?
Desafortunadamente, no probé la API, ya que es solo para usuarios premium. Así que no puedo dar una respuesta precisa sobre la solución de nube, pero la optimización basada en el servidor definitivamente no es adecuada para sitios con un gran número de imágenes.
EWWW es la solución más económica, ya que no tiene un límite en el número de imágenes. Si estás buscando una solución gratuita y tienes un sitio pequeño con pocas imágenes, podría ser una opción adecuada para ti.
Empresa detrás
Según su Página Acerca de, el plugin fue desarrollado por dos personas de Montana en 2013. Aunque su historia es inspiradora, explica gran parte de la confusión en la experiencia de usuario del producto.
Conclusión
¿Conoces el dicho: “No hay tal cosa como un almuerzo gratis”?
Esa es la frase que usaría para describir este plugin. Incluso si tienes un sitio pequeño, el esfuerzo de lograr que optimice las imágenes a un nivel suficiente no vale los $5 que pagarás cada trimestre por un plugin que lo hace mucho mejor.
Para aquellos que necesitan compresión agresiva y características avanzadas como soporte para formatos de próxima generación, explorar otras opciones podría ser beneficioso.
Aunque EWWW Image Optimizer ofrece la conveniencia de la optimización del lado del servidor, es crucial que los propietarios de sitios consideren el impacto potencial en los recursos de su servidor. La optimización del lado del servidor puede sobrecargar tu alojamiento si no se gestiona adecuadamente, especialmente para sitios web con alto tráfico o recursos de alojamiento limitados. Esto contrasta con las soluciones basadas en la nube, donde el proceso de optimización se descarga a servidores externos, reduciendo la carga en el alojamiento de tu propio sitio.
Imagify
Configuración inicial
Imagify requiere que te registres, luego copies y pegues la clave API. Esto es un poco inconveniente, pero no demasiado.
El registro ocupa mucho espacio en el panel de control de WordPress.
Me gustó mucho el hecho de que Imagify da una indicación muy clara sobre el estado de las imágenes optimizadas.
¿Se optimizó bien?
Desafortunadamente, muchas de las imágenes que intenté optimizar no se completaron con éxito por alguna razón. Imagify logró reducir la imagen predeterminada que probamos de 693KB a 234KB.
Interfaz de Usuario
Me gustó mucho la interfaz de Imagify, que estaba muy bien diseñada y era minimalista. Me gustó especialmente la visualización de imágenes optimizadas y no optimizadas.
¿Es esta una solución rentable?
El plugin carecía de algunas características básicas necesarias para sitios con muchas imágenes, como la optimización de imágenes de fondo, soporte para WebP y capacidades de eliminación de EXIF.
Imagify cuesta $60 por año para 500MB de compresión, lo que lo hace bastante asequible.
Empresa detrás
Imagify fue comprado por el grupo europeo de empresas de alojamiento group.one. La empresa posee varios plugins, incluidos BackWPup, WP Rocket y Rank Math SEO.
Conclusión
Imagify surge como un plugin de optimización de imágenes simple, bien diseñado y asequible que equilibra eficazmente la funcionalidad con la experiencia del usuario. Su configuración sencilla y la clara indicación del estado de optimización lo hacen accesible para usuarios de todos los niveles, asegurando una integración fluida en los flujos de trabajo de WordPress.
Smush
Configuración inicial
Smush presentó un asistente de incorporación fácil de usar, lo cual representa el alcance de mis elogios para su UX.
Este plugin es único en nuestras pruebas por agregar su propio elemento de menú. Honestamente, no creo que un plugin de optimización de imágenes justifique un menú adicional.
Además, el plugin ofrece uno de los menús más confusos que he visto. Para que te hagas una idea, el panel de control de Smush tiene 10 menús diferentes. Dado que estamos hablando de un plugin de optimización de imágenes, ese número es asombroso.
Y no se vuelve más fácil dentro de cada menú. El primero, el panel de control, tiene 12 secciones diferentes dentro de él.
Intentar encontrar una configuración específica dentro del panel de control fue imposible.
¿Se optimizó bien?
Me temo que decir que aquí también, Smush fue una gran decepción. Casi no afectó el tamaño de la imagen en absoluto.
Interfaz de Usuario
La interfaz de Smush, caracterizada por un panel de control excesivamente complejo y una navegación confusa, presenta un desafío significativo para los usuarios que buscan soluciones de optimización de imágenes sencillas. El plugin incorpora un sistema de menús elaborado dentro del panel de control de WordPress, lo que lleva a un diseño desordenado que complica el proceso de localizar características o configuraciones específicas.
¿Es una solución rentable?
Dado que no estaba satisfecho con el nivel de reducción del tamaño de la imagen, no puedo decir que funcionaría bien en sitios con muchas imágenes.
Smush es bastante rentable. La versión gratuita no limita el número de imágenes, y la versión pro comienza en $6 por mes.
Empresa detrás
Smush fue creado por WPMU DEV, una empresa que ha estado presente en la comunidad de WordPress durante años. Su página de Linkedin incluye a 138 personas, 29 de ellas son de India. WPMU Dev es parte de Inscrub, una empresa con sede en EE.UU. que también incluye Campuspress y edublogs.
Conclusión
Estaba realmente insatisfecho con los resultados de optimización de Smush. Hubo un impacto mínimo en la reducción del tamaño de la imagen, que es el único trabajo que se supone que debe hacer. La interfaz de Smush presenta un panel de control excesivamente elaborado con numerosos menús y configuraciones, lo que dificulta que los usuarios encuentren opciones específicas y naveguen por el plugin de manera eficiente.
Aunque Smush ofrece una versión gratuita, las capacidades de optimización limitadas plantean dudas sobre su valor, especialmente para sitios con un gran número de imágenes. La amplia gama de características y configuraciones podría abrumar a los usuarios, desviándolos del propósito principal de la optimización de imágenes.
ShortPixel
Configuración inicial
La instalación es rápida y sencilla. Tienes una página principal de configuraciones bajo “Ajustes”.
Obtienes 100 créditos en la versión gratuita.
ShortPixel funciona automáticamente sin demasiada configuración. Después de instalar el plugin, la optimización real se realiza en el menú de Optimización Masiva bajo Media.
¿Se optimizó bien?
ShortPixel tiene un motor de optimización potente. Redujo el tamaño total de la página que usamos de 9.3MB a 6.1MB. La imagen predeterminada que probamos se redujo de 693KB a 175KB.
Interfaz de Usuario
La interfaz de ShortPixel es fácil de usar, diseñada para hacer la optimización de imágenes sencilla y accesible para usuarios de todos los niveles de habilidad. Puedes acceder a la función de optimización masiva de ShortPixel en el menú «Media», lo que te permite optimizar todas las imágenes de tu sitio a la vez. Los ajustes son fáciles de navegar, con opciones claras para seleccionar el tipo de compresión (con pérdida o sin pérdida) y habilitar la conversión automática de formato a WebP. Otra ventaja de la interfaz de ShortPixel es su retroalimentación clara sobre el proceso de optimización, incluyendo la cantidad de espacio ahorrado, lo que facilita ver el impacto de tus optimizaciones.
¿Es una solución rentable?
ShortPixel tiene solo un plan premium, que cuesta $99 al año. Eso lo convierte en una solución bastante asequible. También ofrece compras únicas de créditos, que podrían adaptarse a tus necesidades si no subes imágenes con demasiada frecuencia.
Empresa detrás
El sitio web de ShortPixel menciona que ShortPixel es una marca registrada de ID Scout SRL. No logré encontrar mucha información sobre la empresa. Están ubicados en Bucarest, Rumania, y la página de Linkedin de ShortPixel lista a 7 personas. El sitio web también presenta 19 productos diferentes que ofrece la empresa.
Conclusión
ShortPixel es una solución poderosa de optimización de imágenes que logró reducir significativamente las imágenes que optimizamos. Tiene una interfaz sencilla que no te abruma con configuraciones. En términos de audiencia, este plugin puede ser una gran opción tanto para principiantes como para desarrolladores que solo quieren que el trabajo se haga.
Conclusión
Los plugins revisados aquí, desde ShortPixel e Image Optimizer de Elementor hasta las opciones menos efectivas como TinyPNG y EWWW Image Optimizer, ofrecen una gama de soluciones adaptadas a diferentes necesidades y presupuestos. Ya sea que busques personalización avanzada, facilidad de uso o rentabilidad, hay un plugin que puede ayudar a agilizar tu proceso de optimización de imágenes.
Solución más barata: EWWW Image optimizer – Hay dos cosas que destacan sobre EWWW Image Optimizer. Primero, es el único plugin con un número ilimitado de optimizaciones de imágenes en su versión gratuita. Segundo, es el único donde la optimización se realiza en el lado del servidor. Cuando lo probé, encontré que el plugin no optimizó mis imágenes lo suficiente en términos de rendimiento SEO.
Subcampeón: Imagify – Imagify tenía una interfaz muy amigable que incluía un asistente de incorporación para comenzar. Además, Imagify tenía un amplio conjunto de características.
Los ganadores: ShortPixel & Image Optimizer de Elementor – Ambos plugins sobresalieron en términos de nivel de optimización y facilidad de uso.
Nota final
Después de terminar las pruebas, tenía curiosidad por saber cuál fue el impacto de Image Optimizer de Elementor en el tiempo de carga real de una página, ya que sé que este es uno de los factores cruciales del SEO.
Probé la página antes y después de ejecutar el plugin.
La diferencia fue sustancial.
Antes, obtuve un tamaño de página de 2.5MB, con un tiempo de carga de página de 3.75 segundos.
Después de ejecutar el plugin Image Optimizer, el tamaño de la página se redujo a 883KB, y el tiempo de carga de la página se redujo a 2.09 segundos.
Esta fue una mejora sustancial lograda solo activando los ajustes predeterminados del plugin. Además, esta era una página con solo 10 imágenes dentro. Las publicaciones de blog y las páginas de destino a menudo incluyen docenas de imágenes.
Está claro que la optimización de imágenes es un factor crucial para mantener la velocidad del sitio y mejorar la experiencia del usuario. Como profesionales web, debemos asegurarnos de que no suban imágenes innecesariamente grandes. Implementar un plugin de optimización de imágenes puede ahorrarte a ti y a tus clientes dolores de cabeza en el futuro.
¿Buscas contenido nuevo?
Recibe artículos y novedades en nuestro boletín semanal.
Al introducir tu correo electrónico, aceptas recibir correos electrónicos de Elementor, incluidos los de marketing,
y aceptas nuestros Términos y condiciones y Política de privacidad.