Cómo bajar el peso de una página web: guía práctica de payload

Una página web que pesa varios megabytes puede tardar segundos en cargar incluso con una buena conexión. Si quieres bajar el peso de una página web para mejorar la velocidad, la experiencia del usuario y el SEO, necesitas atacar los elementos que más ancho de banda consumen: imágenes, fuentes, scripts y código innecesario. Esta guía te muestra cómo hacerlo, enfocada en resultados concretos sobre el payload de tu sitio.

Qué es el peso de una página web y por qué importa

El peso de una página (también llamado «page weight» o payload) es la cantidad total de datos en kilobytes que el navegador debe descargar para mostrar la página completa. Incluye imágenes, HTML, CSS, JavaScript, fuentes, videos y otros recursos.

Según HTTP Archive, el peso promedio de una página web móvil supera los 2.2MB y ha crecido año tras año. Ese peso excesivo se traduce en tiempos de carga lentos, especialmente en móviles con conexiones limitadas, y afecta directamente al SEO porque la velocidad es un factor de clasificación.

Diagnostica primero: cuánto pesa tu página

Antes de optimizar, necesitas saber qué está consumiendo el peso. Usa herramientas gratuitas:

• PageSpeed Insights de Google: muestra el peso total y un desglose por recursos.
• WebPageTest: permite ver el peso por tipo de archivo y por dominio de origen.
• Chrome DevTools (pestaña Network): muestra cada descarga individual con su tamaño.

Revisa especialmente tres datos: el peso total, el número de solicitudes y el tipo de recurso dominante (casi siempre imágenes). Con eso sabrás por dónde empezar.

Optimiza las imágenes: el mayor ahorro

Las imágenes representan típicamente más del 40% del peso total de una página. Son el primer lugar donde buscar ahorro:

• Comprime sin perder calidad visible: Herramientas como TinyPNG o Squoosh reducen el peso de las imágenes entre un 50% y un 80%. Un JPEG de 300KB puede quedar en 60KB.
• Usa WebP: Este formato ofrece una compresión significativamente mejor que JPEG y PNG. WordPress lo soporta de forma nativa.
• Redimensiona según uso real: Si tu página muestra imágenes a 800px de ancho, no subas originales de 4000px. Eso equivale a descargar varias veces el tamaño necesario.
• Activa lazy loading: La carga diferida evita descargar imágenes que no están en la vista inicial. WordPress lo incluye por defecto desde la versión 5.5.

Reduce el peso de CSS y JavaScript

El código, aunque sea texto, puede sumar cientos de kilobytes. Técnicas para reducir su peso:

1. Minifica: Elimina espacios, saltos de línea y comentarios. Puede reducir los archivos entre un 20% y un 50%. Muchos plugins de caché incluyen opciones de minificación.
2. Combina archivos: Varias peticiones de archivos pequeños pesan más en tiempos de respuesta que una sola. Combina múltiples CSS en uno y múltiples JS en uno.
3. Elimina código no usado: Bloques, temas y construcciones que se cargan aunque no se utilicen en la página actual aportan peso innecesario.
4. Carga solo lo necesario por página: Desactiva scripts de plugins en páginas donde no se usan.

Controla las fuentes web

Las fuentes personalizadas pueden parecer inofensivas, pero cada peso tipográfico descargado suma kilobytes. Una familia de fuentes con 3 pesos puede pesar 300KB o más.

• Limítate a 1-2 familias de fuentes como máximo.
• Usa solo los pesos que realmente necesitas (regular y bold suelen ser suficientes).
• Considera usar font-display: swap para que el texto se muestre con la fuente del sistema mientras carga la web.
• Cuando sea posible, usa fuentes del sistema (Arial, Georgia, system-ui) que pesan cero.

Elimina plugins y scripts que no aportan

En WordPress, cada plugin activo puede cargar CSS y JavaScript en todas las páginas, aunque no los uses. Haz una auditoría:

• Desactiva plugins que dupliquen funciones (por ejemplo, dos plugins de caché o dos de SEO).
• Reemplaza plugins pesados por soluciones más ligeras o código en el tema.
• Revisa si tu tema carga librerías como jQuery u otras que no necesita.

Es importante no sacrificar la seguridad ni la funcionalidad por el peso. Si dudas sobre qué plugins conservar, revisa nuestra guía sobre plugins imprescindibles para WordPress.

Usa caché y compresión

La caché y la compresión no cambian el peso de los archivos en el servidor, pero reducen la cantidad de datos transferidos y aceleran las visitas repetidas:

• Compresión Gzip o Brotli: Reduce el HTML, CSS y JavaScript transferidos hasta en un 70%. La mayoría de los hosts la activan por defecto en servidores Apache o nginx.
• Caché de página: Genera versiones estáticas de HTML que se entregan sin ejecutar WordPress. Un plugin de caché como LiteSpeed Cache puede reducir drásticamente el Time to First Byte.
• HTTP/2 y HTTP/3: Protocolos más modernos que mejoran la transferencia al paralelizar descargas. Verifica que tu hosting los soporte.

¿Cuánto peso debería tener una página?

No hay una cifra mágica, pero como referencia práctica:

• Artículo de blog: idealmente menos de 1MB.
• Página de producto ecommerce: entre 1MB y 2MB.
• Homepage: menos de 2MB.

Estas referencias se basan en las recomendaciones de herramientas de rendimiento y en los estándares que publica HTTP Archive. Lo importante es la tendencia: comparar tu página con la media de tu sector y reducir el peso progresivamente.

Conclusión

Bajar el peso de una página web es una inversión que se traduce en velocidad, mejor posicionamiento y más conversiones. Empieza por las imágenes, sigue con el código y las fuentes, y acompaña con caché y compresión. Mide antes y después con PageSpeed Insights para confirmar el avance.

Si además quieres optimizar el rendimiento sin instalar plugins pesados, te recomendamos nuestro artículo sobre cómo acelerar tu sitio WordPress sin plugins en 2026. Y si el peso de tu página está relacionado con problemas en redes lentas, consulta nuestra guía sobre errores de carga web en conexiones lentas.