Blog
¿WooCommerce lento? Separa la vitrina del checkout
Una vitrina WooCommerce lenta puede cargar imágenes pesadas. Un checkout lento suele ser código o base de datos. Medimos una cosa, no la otra.
Última revisión:
En esta página
Una tienda WooCommerce puede estar lenta en dos lugares distintos. Las imágenes pesadas afectan la vitrina. Un checkout o panel lento suele ser código o base de datos. Arreglamos lo primero, no lo segundo.
La separación importa. Las categorías, las fichas y la página de inicio cargan imágenes de a cientos. El checkout, el carrito y el panel de WordPress, no.
Medimos la vitrina. En 41 tiendas reales de 14 plataformas, las 7 de WordPress y WooCommerce —una muestra chica, y lo decimos— entregaron entre 2,5 y 2,7 veces más bytes por píxel que las 12 de Shopify. Sin cronómetro. Solo bytes de imágenes.
¿Es el checkout o la vitrina?
Abre la página que está lenta. La respuesta empieza ahí.
| Síntoma | Qué mitad es | Dónde mirar primero |
|---|---|---|
| Checkout lento, agregar al carrito lento, wp-admin lento | Código y base de datos — no imágenes | Plugins, base de datos, hosting. Sospechosos de siempre, ninguno medido por nosotros — y ninguno tocado por una CDN de imágenes. La nuestra incluida, dicho en voz alta. |
| Vitrina lenta: categorías, fichas de producto, página de inicio | Imágenes, casi siempre | Pesa las fotos. Es gratis, y ahí viven por cientos. |
Si el checkout está lento, una CDN de imágenes no es la solución. La nuestra tampoco. Revisa plugins, consultas a la base de datos y hosting.
En la vitrina, el elemento visible más grande suele ser una imagen de producto. Google llama Largest Contentful Paint (LCP) al momento en que aparece:
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.
No medimos cuánto tarda en abrir tu tienda. Medimos cuánto pesan las imágenes. El tiempo también depende del hosting, del tema, de los scripts y de todo lo demás que carga la página. La imagen de producto es una parte pesada que sí podemos pesar.
Cuánto pesan las imágenes de una tienda
Una imagen real de producto llegaba como JPEG de 1.536 px y 176 KB. En los 800 px que necesitaba la pantalla, la versión AVIF pesaba 15,9 KB. Esa imagen quedó un 91 % más liviana, a la misma calidad percibida.
Una imagen no es un catálogo. Por eso medimos el formato aparte: 14 imágenes de dos tiendas reales, 336 codificaciones, con la calidad percibida igualada en SSIMULACRA2 70.
| Formato | Contra JPEG, mediana | Ganó en |
|---|---|---|
| WebP — el formato del plan gratis | 21,8 % más liviano | 11 de 14 imágenes |
| AVIF — el formato del plan Pro | 32,1 % más liviano | 14 de 14 |
| AVIF contra WebP | cerca de un 21 % más liviano todavía | 16 derivadas reales, mismo ancho y calidad |
El ancho también importa. Las imágenes viejas suelen seguir viajando al tamaño original. Nos pusimos un límite porque medimos la alternativa: para un espacio de 324 píxeles, el navegador eligió una imagen un 42 % más pesada que otra versión que la plataforma ya tenía.
La cuenta de una página de categoría
Multiplica la imagen medida por cuarenta y el peso se vuelve evidente. Es una cuenta ilustrativa, no una medición de una categoría de tu tienda.
Las mismas imágenes aparecen en fichas, resultados de búsqueda y productos relacionados. La repetición convierte un archivo pesado en un problema de catálogo.
Qué significa arreglarlo en una tienda
Tres cosas tienen que pasar con cada imagen. Volver a subir el catálogo no es una de ellas.
- Usar el tamaño que muestra la pantalla. Nunca enviar una versión más ancha que otra que el sitio ya tiene lista.
- Usar un formato más liviano. WebP en el plan gratis. AVIF en Pro, cerca de un 21 % más liviano que WebP en la medición de arriba.
- Entregar desde una red, no desde el servidor de la tienda. Cada imagen se prepara una vez. Después, nuestra red —335 ciudades en más de 125 países— la entrega. Medimos el límite: cuando la imagen ya está en la red, el servidor de la tienda no recibe otra petición por ella.
Esto no promete un checkout más rápido. Quita la entrega de imágenes del servidor. Son dos afirmaciones distintas.
El plan gratis cubre la página de inicio, con hasta 50 imágenes nuevas al mes en WebP. Las categorías y fichas necesitan el plan Pro para todo el sitio: US$ 9,90 al mes, un precio, AVIF, sin cobro por visita, tráfico o imagen.
Pesa las imágenes de tu tienda
Pega una categoría o ficha de producto en el medidor de peso de imágenes. Pesa cada imagen de esa página y convierte de verdad las más pesadas. El número de hoy es medido. El otro, estimado.
La estimación tiene un error mediano de 6,2 puntos en AVIF y 10,2 en WebP, medido en ocho tiendas que el modelo no había visto. Ese límite va al lado del número.
Si la página lenta es una entrada, lee por qué un WordPress puede estar lento. Si prefieres trabajar dentro de la biblioteca, la comparación entre ShortPixel e Imagify explica dónde hace el trabajo cada uno.
- Pega la categoría o ficha con más imágenes.
- Lee los dos números. Mira cuáles imágenes cargan el peso.
- Si la tienda usa WooCommerce, instala el conector. Sin cuenta. Sin tarjeta de crédito. La página de inicio sale más liviana al instante.
Preguntas
¿Esto hace más rápido mi checkout?
No lo prometemos. Medimos bytes de imágenes, no tiempo de checkout. La red saca la entrega de imágenes del servidor; el checkout sigue dependiendo del código, las consultas a la base de datos, el hosting y los plugins.
¿Cuántas imágenes del catálogo cubre?
El plan gratis cubre la página de inicio, con hasta 50 imágenes nuevas al mes en WebP. Pro cubre todas las páginas e imágenes en AVIF por un precio fijo, sin límite por visitas, tráfico o cantidad de imágenes.
Mi tienda no usa WooCommerce. ¿Igual puedo medirla?
Sí. Pega cualquier página pública de la tienda y el medidor pesa sus imágenes. Hoy el conector es para WordPress y WooCommerce. Otras plataformas están previstas, sin fecha.
¿Cambia mis imágenes originales de producto?
No. Nada se recomprime, mueve ni borra. El conector solo cambia la dirección desde la que se entregan las imágenes. Desactívalo y la tienda vuelve a los originales al instante.