¿WordPress lento? Probablemente son las imágenes

Cuando un WordPress está lento, lo primero que se revisa son los plugins. Nadie mira el peso de las imágenes — y casi siempre son ellas las que más pesan.

El hosting, los plugins, el tema, la base de datos, la caché: los cinco existen. Ninguno es el único peso de la página.

Una tienda sube fotos de a cientos. Un blog, en cada entrada. En la mayoría de las páginas, eso es lo más pesado que hay.

Lo medimos. En una página de inicio real —un sitio chico, nueve imágenes— esas imágenes pesaban 2.323 KB. Al tamaño de cada pantalla y en un formato más liviano, las mismas nueve pesan 281 KB. Un 88 % menos peso en cada visita. Foto por foto. Cómo lo medimos está en esta nota. Cuánto puede fallar la estimación, también.

Qué mira Google en una página lenta

Google mira la velocidad. El número que usa se llama Largest Contentful Paint (LCP): cuánto tarda en verse lo más grande de la pantalla, al entrar.

LCP measures the time from when the user initiates loading the page until the largest image or text block is rendered within the viewport.

— web.dev, la guía de Google para optimizar el LCP.

En llano: la foto más grande, o el texto más grande. En una tienda, casi siempre la foto de producto. En un blog, la imagen del arranque.

Nosotros no medimos cuánto tarda en abrir el sitio. Medimos cuánto pesan las imágenes. Lo decimos para no venderte un tiempo que no depende solo de nosotros. Ese peso, en esa foto, suele ser lo más pesado que viaja.

¿Son las imágenes, u otra cosa?

Antes de instalar nada, mira de qué se trata. Si adivinas, puedes gastar el mes en el problema equivocado.

Tres chequeos. Los tres son gratis.

Puedes tener las dos cosas: imágenes pesadas y un plugin lento. El orden importa. Pesar primero no cuesta nada.

Cuánto pesan de verdad las imágenes de WordPress

Medimos cuánto pesan las imágenes en 41 tiendas reales de 14 plataformas.

Las de WordPress y WooCommerce —7 tiendas, pocas, y lo decimos— mandaron entre 2,5 y 2,7 veces más peso, a la misma foto, que las 12 de Shopify. Y entre el 0 % y el 48 % de esas fotos iba en un formato liviano. En Shopify, el 100 %.

Ese peso sale de dos lados: el archivo es más grande que la pantalla, y sigue en JPEG cuando ya hay formatos que pesan menos.

El formato se puede contar. Misma calidad a la vista —no el mismo «nivel de calidad» del programa, que es la comparación que miente—. Catorce fotos de dos tiendas reales, 336 veces cada una, calidad igualada con SSIMULACRA2 en 70:

El tamaño no es «sube fotos más chicas». Es no mandarle al visitante más imagen de la que su pantalla muestra.

Nos pusimos un límite porque medimos qué pasa sin él: para un espacio de 324 píxeles, el navegador elegía una imagen un 42 % más pesada de la que el sitio ya tenía lista.

Tu servidor entrega imágenes en vez de trabajar. Se ahoga mandando imagen tras imagen, a cada visitante, cuando su trabajo es que el sitio funcione.

Eso pasa en tu servidor. Lo que sigue es sacarlo de ahí.

Qué significa arreglarlo, de verdad

Tres cosas, en cada imagen. A mano no se termina: cada foto nueva lo vuelve a empezar. Las tres juntas, sí. La tercera es la que casi nadie hace:

1. El tamaño justo. El ancho que la pantalla muestra. No el de la cámara. No el que subió el tema. Nunca más ancha de lo que tu sitio ya tenía.
2. Un formato más liviano. WebP para todo. AVIF donde importa. Con los números de arriba, no con lo que se dice por ahí.
3. Que las entregue una red, no tu servidor. Cada imagen se prepara una vez. Después sale de nuestra red —335 ciudades en más de 125 países— a cada visitante. Tu servidor la ve una vez. En las visitas que siguen, no. Lo medimos: cuando la imagen ya está en la red, el servidor no se vuelve a enterar.

No es un eslogan. El visitante descarga menos. El servidor envía menos.

Eso es lo que hace una red de imágenes. Diez visitas o diez mil a la vez: las fotos salen de la red igual.

Pesa las de tu sitio

No tienes que creernos.

Pega una página en el medidor de peso de imágenes. Pesa cada imagen de esa página, las más pesadas las convierte de verdad, y te pone los dos números juntos: el de hoy, medido; el otro, estimado.

Esa estimación se desvía 6,2 puntos en AVIF y 10,2 en WebP, a la mitad de los casos, medido en ocho tiendas que no había visto. Lo publicamos: un número que esconde su error no es un número.

Si el sitio es WordPress, el informe te ofrece el conector. Dos minutos en el panel. Sin cuenta. Sin tarjeta de crédito. Gratis para siempre en la página de inicio: hasta 50 imágenes nuevas por mes, WebP, al tamaño de cada visitante.

El sitio entero, en AVIF, es el plan Pro: US$ 9,90 por mes. Un precio. Sin cobro por visita ni por tráfico. Los archivos originales no se tocan. Desactivas y vuelve todo como estaba.

1. Pega una página —la de inicio, o la categoría donde están las fotos.
2. Mira los dos números. Mira cuáles imágenes se llevan el peso.
3. Si es WordPress, instala el conector. La página de inicio sale más liviana al instante.

Preguntas

¿Esto hace más rápido mi WordPress?

Hace que las imágenes pesen menos. Casi siempre son ellas las que más pesan en la página. No medimos cuánto tarda en abrir: eso también depende del hosting, del tema y de todo lo demás que cargue.

Mi sitio no es WordPress. ¿Igual sirve?

Sí, para medir: pegas la página y tienes los números. El conector, hoy, es para WordPress. Otras plataformas están previstas, sin fecha.

¿Qué cubre el gratis y qué cubre el Pro?

El gratis cubre la página de inicio: hasta 50 imágenes nuevas por mes, WebP en tres tamaños, visitas ilimitadas, para siempre, sin tarjeta de crédito. El Pro cubre todas las páginas y todas las imágenes, en AVIF, a un precio fijo, sin cobro por visita ni por tráfico.

¿Puede romper el sitio?

No. Los archivos originales no se tocan. Si algo falla —el servicio, una imagen, lo que sea— el visitante ve la original. Probamos los cuatro peores casos: ninguno termina en imagen rota. Desactivas y vuelve al instante.