Optimizar imagenes wordpress

Mejores prácticas para el tamaño de las imágenes en WordPress

Optimizar los gráficos e imágenes de su sitio web de WordPress es un paso sencillo e importante para mejorar la velocidad de carga de su sitio web. Pero te sorprendería saber cuántos usuarios de WordPress suben sus imágenes originales sin optimizarlas. Para que no acabes cometiendo el mismo error, voy a mostrarte seis populares y sencillos plugins de WordPress que puedes utilizar como compresor de imágenes.

Como propietario de un sitio web, siempre debes vigilar el tiempo de carga de tu sitio web de WordPress. Después de todo, un tiempo de carga más rápido tiene un efecto positivo en la experiencia de usuario (UX) de sus clientes potenciales, su ranking en los motores de búsqueda e idealmente sus conversiones.

Los pasos más populares para mejorar la velocidad de tu sitio de WordPress incluyen: usar plugins de caché (o caché de servidor), comprimir datos con gzip o Brotli, eliminar plugins innecesarios, cambiar a HTTPS y migrar a un host más rápido. Especialmente para las tiendas de WooCommerce con muchas imágenes de productos, los propietarios de las tiendas están preparados para probar diferentes pasos de optimización.

Optimizador de imágenes Ewww

Smush escanea meticulosamente cada imagen que subes -o que ya has añadido a tu sitio-, corta todos los datos innecesarios y la escala por ti antes de añadirla a tu biblioteca multimedia. Y puede servir imágenes en formato WebP.

Smush tiene lazy load incorporada. Si tu página tiene un montón de imágenes por debajo del pliegue, la carga perezosa acelerará drásticamente tu página sirviendo sólo las imágenes que se están viendo y retrasando otras más abajo en la página.

“Es muy discreto y no me molesta con una clave API u otros pasos adicionales de instalación. El tablero principal del plugin me da una buena visión. En general se ajusta a mis necesidades y estaré dispuesto a actualizar a pro si mis necesidades cambian. Lo recomendaría a clientes/amigos sin dudarlo. Sigan así!” – tarkan_

Smush es súper fácil de usar, sin confusas configuraciones de software de compresión. Puedes comprimir las imágenes de tu biblioteca de una en una o comprimir hasta 50 imágenes a la vez. Además, configura el auto-smush para que escale y comprima asincrónicamente algunas o todas tus imágenes a medida que se suben – es increíblemente rápido.

Optimizar imágenes plugin de wordpress

Las imágenes ralentizan su sitio. Así de simple. Pero las imágenes siguen siendo esenciales por otras razones, así que no puedes ignorarlas en nombre del rendimiento. Para obtener lo mejor de ambos mundos, puedes utilizar un plugin de optimización de imágenes de WordPress para comprimir y optimizar las imágenes de modo que ocupen mucho menos espacio. De este modo, podrás seguir utilizando las imágenes para tus lectores y tu sitio seguirá cargando rápidamente. Es una situación en la que todos ganan.

Aunque no es una comparación perfecta, al mantener la configuración por defecto, estamos tratando de emular la experiencia de un usuario casual. Con esto queremos decir que el usuario medio normalmente instalaría el plugin de compresión de imágenes y no se metería con demasiados ajustes por defecto.

Si nos ceñimos a la configuración por defecto, ShortPixel es el claro vencedor, con una reducción del tamaño de los archivos de ~67% utilizando su compresión con pérdidas. TinyPNG queda en segundo lugar, pero está un poco más atrás. Y a pesar de seguir utilizando la compresión con pérdidas, Imagify sólo consiguió reducir la imagen en un ~34%.

Como puedes observar, son los mismos plugins que vimos funcionar bien en la prueba de JPG. ¿Significa eso que son definitivamente mejores? No. Pero muestra que están preconfigurados para obtener el mejor rendimiento, lo que en mi opinión es un factor importante.

Wp best image optimizer

Las imágenes que no están optimizadas antes de subirlas para usarlas en un sitio pueden perjudicar la velocidad de carga de un sitio y hacer que los visitantes lo abandonen. Este es un gran problema cuando se trata de construir una marca y hacer crecer el tráfico del sitio. El tamaño del archivo y la calidad de la imagen son dos factores que pueden tener un gran impacto en la velocidad de carga de la página.

También puedes utilizar los programas que vienen con tu ordenador: En un ordenador con Windows, puedes utilizar Microsoft Paint. Abre tu imagen con el programa y luego haz clic en Redimensionar. Puedes encontrar esta opción en la parte central derecha de la sección “Imagen” en la parte superior de la ventana de Paint.En un ordenador Mac, puedes utilizar la aplicación llamada Vista Previa. Abre tu imagen con la aplicación y haz clic en Herramientas y luego en Ajustar tamaño.

Las pantallas Retina tienen una densidad de píxeles mucho mayor que las pantallas normales, lo que puede hacer que las imágenes con una densidad de píxeles normal aparezcan borrosas. Para evitar esto, si detectamos una pantalla Retina, servimos la imagen al doble de tamaño para que se muestre con la máxima nitidez. Esto sólo funciona si la imagen que aparece en su biblioteca de medios es más grande que el tamaño que aparece en su sitio.