Optimizar imágenes WordPress

La optimización de imágenes en tu sitio web de WordPress es importante para mejorar la velocidad del sitio web y reducir los tiempos de carga. Aquí tienes algunas formas de optimizar las imágenes de WordPress:

• Comprime tus imágenes: las imágenes grandes pueden ralentizar tu sitio web. Usa un plugin de compresión de imágenes como WP Smush o ShortPixel para comprimir tus imágenes y reducir su tamaño sin comprometer la calidad.

• Usa el formato de archivo correcto: usa el formato de archivo correcto para tus imágenes. Para fotografías o imágenes con muchos colores, utiliza JPEG, y para logotipos o gráficos, utiliza PNG. Evita usar formatos BMP, TIFF o GIF, ya que tienen archivos de gran tamaño.

• Cambia el tamaño de tus imágenes: antes de cargar imágenes en tu sitio web, cambia el tamaño a las dimensiones correctas. Esto asegurará que tu sitio web se cargue más rápido y que las imágenes se muestren correctamente.

• Usa lazy loading: usa un plugin de carga diferida como Lazy Load o WP Rocket para cargar imágenes solo cuando estén visibles en la pantalla. Esto ayudará a reducir el tiempo inicial de carga de la página.

• Habilita el almacenamiento en caché: habilita el almacenamiento en caché para tus imágenes usando un plugin de almacenamiento en caché como WP Rocket o W3 Total Cache. Esto ayudará a acelerar el tiempo de carga de tu sitio web.

• Usa una red de entrega de contenido (CDN): usa una CDN para entregar tus imágenes desde un servidor que esté más cerca de tus visitantes. Esto ayudará a mejorar el tiempo de carga de tu sitio web, especialmente para los visitantes que se encuentran geográficamente lejos de tu servidor.

Al optimizar tus imágenes utilizando estas técnicas, puedes mejorar significativamente el tiempo de carga de tu sitio web, ofreciendo una mejor experiencia a tus visitantes.

Qué plugin de imágenes elegir

Comprimir las imágenes a mano antes de subirlas es buena costumbre, pero no escala: en un sitio con cientos de imágenes hace falta un plugin que lo haga solo, al subir cada imagen y sobre las que ya están en la biblioteca. Estos son los cinco más usados y en qué se diferencian:

• Smush: comprime sin pérdida visible, en lote y con un clic, y es el más sencillo de configurar. La versión gratuita tiene un límite de tamaño por imagen; para más, hay que pasar a Smush Pro.
• ShortPixel: ofrece tres niveles de compresión (sin pérdida, con pérdida y «glossy», intermedio) y llega a reducciones muy altas manteniendo una calidad visual correcta. Convierte a WebP y AVIF y optimiza también los PDF.
• EWWW Image Optimizer: es el que usamos en la mayoría de nuestros proyectos, porque puede comprimir en el propio servidor sin enviar las imágenes a un servicio externo, convierte a WebP, incluye carga diferida y se lleva bien con una CDN. Es también el que más opciones expone, y por eso conviene revisar sus ajustes con calma.
• Imagify: del mismo equipo que WP Rocket, con tres niveles de compresión (normal, agresivo y ultra), conversión a WebP y AVIF y optimización masiva de la biblioteca. Muy cómodo si ya se usa WP Rocket.
• Smush Pro: la versión de pago de Smush: sin límite de tamaño, conversión a WebP, carga diferida, redimensionado automático y entrega por su propia CDN. Optimiza también las imágenes del tema y de los plugins, no solo las de la biblioteca.

Cualquiera de los cinco hace bien el trabajo básico. Elige por dos criterios: si quieres que las imágenes salgan de tu servidor hacia un servicio externo para optimizarlas (EWWW permite no hacerlo), y si necesitas formatos modernos y carga diferida en el mismo plugin. Y usa solo uno: dos plugins de imágenes a la vez se pisan y pueden dejar la biblioteca a medias.

Formatos modernos: WebP y AVIF

JPEG y PNG tienen décadas. Los formatos modernos comprimen mucho mejor con la misma calidad visual: WebP, según el estudio de compresión publicado por Google, pesa alrededor de un tercio menos que un JPEG de calidad equivalente, y AVIF reduce todavía más, a costa de tardar más en generarse. Los dos admiten transparencia, así que sustituyen también al PNG. Hoy todos los navegadores actuales muestran WebP, y AVIF lo muestran ya los navegadores principales.

En WordPress no hace falta cambiar las imágenes que ya tienes: admite subir ficheros WebP y, en las versiones recientes, AVIF. Lo práctico es que un plugin de los de arriba genere la versión WebP (o AVIF) de cada imagen y que el servidor o la CDN la sirva a los navegadores que la aceptan, conservando el JPEG original para los que no. Cómo se hace esa sustitución, con las reglas de reescritura del servidor o con una función en la CDN, está explicado en nuestra guía completa para optimizar la velocidad de WordPress. Es una de las mejoras con más efecto sobre el LCP, la métrica que más pesa en PageSpeed, y no cambia nada visible para quien te visita.

¿Tu web va lenta o nadie se ocupa de ella?

Nosotros la alojamos, la mantenemos al día y hacemos copias. Tú te ocupas de tu negocio. Mira PF Hosting o escríbenos.