Cuando empezamos a crear sitios web con WordPress, ya conocíamos algunos trucos para hacerlos rápidos y fiables. Pero cuando empezamos a experimentar más con la optimización del rendimiento de WordPress, nos dimos cuenta de que podíamos hacer que nuestros sitios fueran casi el doble de rápidos.
Una de las cosas más importantes que hemos aprendido es que la velocidad de un sitio web disminuye cuando hay que descargar muchos datos para ver esa página.
En términos técnicos, se denomina “carga útil de red”. Es simplemente la cantidad total de datos obligatorios / requeridos / necesarios para cargar una página. El tamaño total de la descarga incluye texto, imágenes, vídeos, CSS, JavaScript, fuentes y otros códigos.
Básicamente, cuantos menos datos haya que descargar, más rápido se cargará la página.
Así pues, si desea mejorar la velocidad de su sitio web, ha llegado al lugar adecuado.
En esta guía, le mostraremos exactamente cómo reducir el tamaño de esos archivos y evitar enormes cargas de red en WordPress.
![How to Avoid Enormous Network Payloads in WordPress](https://www.wpbeginner.com/wp-content/uploads/2025/01/avoid-enormous-network-payloads-in-post.png)
¿Por qué son un problema las enormes cargas útiles de red en WordPress?
¿Has utilizado alguna vez herramientas como Google Lighthouse o PageSpeed Insights para comprobar la velocidad de tu sitio web?
A veces, puede aparecer un mensaje que dice: “Evite las cargas útiles de red enormes”.
Esencialmente, esto significa que su página web es demasiado grande, como una maleta demasiado pesada de llevar. Una página web grande tarda más en cargarse, lo que puede resultar frustrante para quienes visitan tu sitio.
![Example of 'Avoid Enormous Network Payloads' Message in Google Lighthouse](https://www.wpbeginner.com/wp-content/uploads/2025/01/networkpayload-google-lighthouse-example.png)
La carga útil de red de una página web es el tamaño total de todas las piezas que la componen. Esto incluye:
- Texto: Las palabras que se leen en la página
- Imágenes y medios: Imágenes y vídeos que ves
- Código: Los archivos CSS y JavaScript que hacen que la página se vea bien y funcione correctamente.
- Fuentes: Los estilos especiales para su texto
- Además, cualquier otro elemento personalizado
Por tanto, cuanto mayor sea la combinación de todos estos elementos, más tardará su página web en aparecer en la pantalla.
¿Qué tamaño es demasiado grande? He aquí una guía sencilla:
- Bueno: si todas las partes de tu página web añaden menos de 2 MB, es como llevar una bolsa ligera. Está bien optimizada y se carga rápidamente. Aquí no tienes que preocuparte demasiado.
- Necesita mejorar: Si tu página web ocupa entre 2 MB y 4 MB, es como llevar una mochila que se hace un poco pesada. Puede que haya algunas cosas que puedas hacer más ligeras. Google te dará algunos consejos para hacerla más rápida.
- Enorme: Si tu página web ocupa más de 4 o 5 MB, es como intentar llevar una maleta enorme y desbordante. Esto hará que tu sitio web sea lento para tus visitantes, por lo que debes hacer de la optimización una prioridad.
Si aparece el mensaje “Evite las cargas útiles de red enormes”, puede hacer clic en la flechita para ver un anuncio / catálogo / ficha de todos los recursos que componen su página web.
![Expanding the 'Avoid Enormous Network Payloads' Message in Google Lighthouse](https://www.wpbeginner.com/wp-content/uploads/2025/01/network-payload-google-lighthouse-expanded.png)
¿Ves cómo los archivos más grandes están al principio de la lista? Si te centras en hacer esos archivos más pequeños o eliminar archivos innecesarios, entonces verás la mayor mejora en el rendimiento de WordPress.
Al hacer estos archivos más pequeños, utilizará menos datos para ver la página web y ésta se cargará más rápido.
Ahora que ya sabes por qué las páginas web grandes son un problema, vamos a explorar cómo puedes evitarlas en WordPress. Estos son los 8 consejos que cubriremos en este artículo:
¿Está preparado? ¡Vamos allá!
1. Reduzca el tamaño de sus imágenes
Una de las principales causas de las grandes cargas de red son las imágenes de gran tamaño.
Los teléfonos inteligentes y las cámaras de hoy en día toman imágenes de alta calidad con archivos de gran tamaño. Pero no es necesario que tengan ese tamaño cuando las muestras en un sitio web.
Por suerte, puedes optimizar las imágenes para hacerlas hasta un 80% más pequeñas sin perder calidad. Esto tiene un mayor impacto en la carga útil de la red de su sitio web que cualquier otra cosa.
![Optimized vs Unoptimized Images in WordPress Optimized vs Unoptimized Images in WordPress](https://www.wpbeginner.com/wp-content/uploads/2019/10/optimizeimagesunoptimizedvsoptimized.jpg)
En WPBeginner, optimizamos todas nuestras imágenes antes de subirlas. Redimensionamos nuestras imágenes a las dimensiones correctas y luego reducimos su tamaño de archivo utilizando varias herramientas.
Hemos elaborado una guía útil basada en cómo lo hacemos exactamente en nuestro propio sitio web. Puedes seguir esta guía para reducir fácilmente la carga útil de tu red:
2. Incrustar vídeos correctamente
Si tiene vídeos en su sitio web, debe tener cuidado con la forma de mostrarlos.
La subida de vídeos directamente a su sitio web puede provocar grandes cargas de red y ralentizar considerablemente su sitio web, sobre todo si empiezan a reproducirse automáticamente.
La mejor forma de incluir vídeos es incrustarlos desde plataformas de vídeo como YouTube o Vimeo.
☝ Nota: Utilizamos YouTube para alojar y transmitir nuestros vídeos. Puedes explorar nuestros videotutoriales de WordPress en el canal de YouTube de WPBeginner.
Este método te permite reproducir los vídeos en tu sitio web, pero como en realidad están almacenados en el servidor de otra persona, no forman parte de la carga útil de tu red.
Esto es de gran ayuda porque tu servidor no tiene que lidiar con la pesada transferencia de datos. Además, estas plataformas están diseñadas para ofrecer vídeos de forma eficiente, con una transmisión optimizada que se adapta a la conexión a Internet de tus visitantes.
Además, muchos reproductores de vídeo de estas plataformas solo empiezan a cargar el vídeo cuando el usuario hace clic en reproducir, lo que significa que inicialmente se transfieren menos datos.
Puedes añadir fácilmente los vídeos a tu sitio web utilizando el código de incrustación.
![Embedding a YouTube video in your WordPress website Embedding a YouTube video in your WordPress website](https://www.wpbeginner.com/wp-content/uploads/2018/03/wordpress-publish-youtube.png)
Para más información sobre este debate, consulte nuestra guía sobre por qué nunca debe subir un vídeo a WordPress.
3. Carga diferida de imágenes y vídeos
La carga diferida es otra gran manera de evitar grandes cargas de red, especialmente si su sitio web está lleno de imágenes o vídeos.
Normalmente, cuando se carga una página web, WordPress quiere descargar inmediatamente todas las imágenes y vídeos, aunque no se vayan a ver de inmediato.
Imagínese que en un restaurante le trajeran todos los platos a la vez en lugar de uno en uno. Sería abrumador.
Esto es lo que ocurre en una página web si no se implementa la carga diferida. Todo tiene que descargarse por adelantado, aunque el usuario aún no pueda verlo.
Obviamente, esto no es lo ideal, ya que significa que su sitio web tiene una carga útil grande, y usted descarga muchos datos incluso si el usuario no ve el contenido en la parte inferior de la página.
La corrección se llama carga diferida.
La carga diferida es como ese restaurante que te va sacando cada plato de la comida a medida que te lo vas sirviendo.
Con la carga diferida, las imágenes y los vídeos no se cargan hasta que están a punto de desplazarse a la vista del usuario en la pantalla. De este modo, el navegador solo tiene que cargar lo que necesita cuando lo necesita.
![](https://www.wpbeginner.com/wp-content/uploads/2024/11/image-3.png)
Esto reduce la carga inicial de la red y la cantidad de datos que hay que descargar.
Aquí tienes algunos tutoriales útiles que te muestran cómo establecer la carga diferida en WordPress:
- Cómo cargar fácilmente imágenes diferidas en WordPress
- Cómo añadir fácilmente carga diferida para vídeos en WordPress
- Cómo hacer una carga diferida de Gravatars en los comentarios de WordPress
4. Reducir el tamaño y el número de archivos JavaScript y CSS
Una de las mejores formas de evitar grandes cargas de red en su sitio web es reducir el tamaño de sus archivos CSS y JavaScript.
Su sitio web utiliza archivos CSS para dar estilo y archivos JavaScript para las características interactivas.
Sin embargo, estos archivos suelen contener espacios y comentarios adicionales que no son necesarios para la funcionalidad del código. Puede quitar / eliminar estos elementos para reducir el tamaño de los archivos.
Esto significa que estos archivos seguirán funcionando de la misma manera, pero habrá menos datos para que sus usuarios descarguen, haciendo que su página se cargue más rápido.
Este proceso se conoce como minimización, y la buena noticia es que puedes utilizar un plugin de WordPress como WP Rocket para minimizar automáticamente tus archivos.
Consulte nuestra guía sobre cómo minimizar archivos CSS y JavaScript en WordPress para obtener más información.
![](https://www.wpbeginner.com/wp-content/uploads/2024/11/image.png)
Ahora, las diferentes partes de su sitio web suelen tener diferentes archivos CSS o JavaScript. Por ejemplo, un archivo para la cabecera, otro para el cuerpo y puede que incluso más para los plugins.
Pero muchos archivos más pequeños pueden ser menos eficientes que un archivo más grande. Cuando hay que cargar muchos archivos, el navegador tiene que buscar cada uno de ellos por separado, lo que añade tamaño a la descarga total. En su lugar, puede combinar muchos de estos archivos más pequeños en un único archivo.
Plugins populares como WP Rocket (premium) y Autoptimize (gratuito) pueden combinar y minimizar automáticamente archivos CSS y JavaScript.
Puede aprender a utilizar estos plugins en nuestra guía sobre cómo corregir el bloqueo de procesamiento de JavaScript y CSS en WordPress.
5. Reducir archivos con Gzip
Otra forma de reducir el tamaño de los archivos de tu sitio web es comprimirlos. Los archivos de texto, como HTML, CSS y JavaScript, pueden reducirse considerablemente con la compresión Gzip.
De hecho, la compresión Gzip a menudo puede reducir el tamaño de estos archivos hasta en un 70% antes de que se envíen al navegador del usuario. Esto supone un enorme ahorro en la cantidad de datos que hay que transferir.
![How Gzip Compression Works How Gzip Compression Works](https://www.wpbeginner.com/wp-content/uploads/2024/01/gzip-compression-illustration.png)
Reduce el tiempo de descarga de archivos y hace que su sitio web WordPress se cargue mucho más rápido. Una vez que los datos comprimidos llegan al ordenador de su visitante, el navegador desempaqueta (descomprime) automáticamente los archivos y los muestra en la pantalla del usuario.
No tiene que preocuparse acerca de si los navegadores de sus usuarios son compatibles con la compresión Gzip, ya que funciona en todos los navegadores más populares de la actualidad.
Muchos excelentes plugins de almacenamiento en caché también son compatibles con la compresión Gzip. Algunas opciones populares son WP Rocket, WP Super Cache y W3 Total Cache.
Anteriormente utilizamos WP Rocket en el sitio web WPBeginner, y tuvimos una gran experiencia. Para más información, vea nuestra reseña / valoración completa de WP Rocket.
Con WP Rocket, la compresión Gzip se activará automáticamente si tu alojamiento web utiliza el servidor Apache. Para otros plugins de almacenamiento en caché, es posible que tengas que activarlo en los ajustes del plugin.
![WP Rocket Is Activated and Working WP Rocket Is Activated and Working](https://www.wpbeginner.com/wp-content/uploads/2024/01/gzipenabledwprocket.png)
Para obtener instrucciones detalladas, consulte nuestra guía sobre cómo activar la compresión Gzip en WordPress.
6. Utilice el caché del navegador para evitar descargas repetidas
Otra forma de evitar una enorme carga de red en WordPress, especialmente si su sitio tiene muchos visitantes recurrentes, es probar el almacenamiento en caché del navegador.
Imagina que tus visitantes tuvieran que descargar todo lo que hay en tu sitio web cada vez que lo visitan. Eso sería increíblemente lento, y eso es exactamente lo que ocurre si no se utiliza un almacenamiento en caché adecuado.
Cuando alguien visita su sitio web por primera vez, su navegador descarga todo lo que necesita: las imágenes, el CSS, el JavaScript y todos los demás recursos. Con la caché de navegador, su navegador guarda una copia de estos archivos en su ordenador.
La siguiente vez que alguien visite tu sitio web, su navegador será inteligente. Comprobará los archivos guardados localmente antes de volver a pedirle todo al servidor.
Si el navegador tiene una copia de un archivo en su caché, la utiliza en lugar de descargarla de nuevo. De este modo, se reduce la carga total de la red y los visitantes habituales disfrutan de una experiencia más rápida y fluida.
Por supuesto, si el contenido de su sitio web cambia con frecuencia, como en el caso de un sitio web de noticias o un blog que se actualiza con regularidad, tendrá que indicar a los navegadores cuándo deben volver a descargar las últimas versiones de sus archivos. Así se asegurará de que todo el mundo recibe el contenido más actualizado.
Puede controlar esto añadiendo cabeceras Expires en WordPress. Estas cabeceras indican al navegador cuándo un archivo guardado debe considerarse antiguo y necesita ser actualizado.
7. Utilizar menos fuentes o fuentes del sistema
Los tipos de letra pueden mejorar el aspecto de su sitio web y su legibilidad. El uso de fuentes personalizadas puede hacer que su sitio web sea único y animar a sus visitantes a pasar más tiempo navegando.
![Mapping WooCommerce importexport fields Set Sail Studios Make Money Selling Unique Fonts](https://www.wpbeginner.com/wp-content/uploads/2024/04/edd-passive-setsail-font-example.png)
Pero imagina que tuvieras que descargar montones de fuentes distintas cada vez que visitas un sitio web. Tardarías mucho en mostrarlo todo en la página.
La clave está en utilizar un número reducido de fuentes en su sitio web. Le recomendamos que se limite a dos fuentes principales y las utilice en todo el sitio. Así se reduce el número total de archivos que los visitantes tienen que descargar.
Aún mejor, puede utilizar fuentes del sistema en lugar de fuentes personalizadas.
Las fuentes del sistema son fuentes que ya están instaladas en los ordenadores. Es como utilizar las fuentes estándar de tu ordenador, como Arial o Times New Roman.
Si elige fuentes de sistema para su sitio web, los usuarios no tendrán que descargar ningún archivo adicional. Esto reduce significativamente el tamaño de su carga de red y hace que su sitio web sea más rápido para los visitantes.
Cuando rediseñamos el sitio WPBeginner en 2021, empezamos a utilizar fuentes del sistema. Esto puede parecer una pequeña cosa, ¡pero hizo una diferencia real! Nuestro sitio web cargó más rápido para todos los usuarios, pero especialmente para aquellos con conexiones a Internet más lentas.
Para obtener más información, consulte nuestra guía sobre cómo desactivar las fuentes de Google en su sitio web de WordPress.
8. Evite los plugins lentos
Por último, hablemos de los plugins. A veces, los plugins pueden hacer que su sitio web sea más lento y aumentar el tamaño de su carga de red al cargar montones de archivos JavaScript y CSS adicionales.
Los plugins son herramientas adicionales que añades a tu sitio web. Algunos son estupendos y ligeros, mientras que otros pueden ser bastante pesados. Usar demasiados plugins pesados puede aumentar el tamaño de descarga de tu sitio web.
Es difícil saber qué plugins son lentos a simple vista, así que tendrás que investigar un poco. Aquí tienes una guía útil para identificar los plugins lentos:
Una vez que hayas encontrado los plugins que aumentan el tamaño de descarga de tu página, tienes algunas opciones.
En primer lugar, puedes ponerte en contacto con el desarrollador del plugin y ver si hay algo que puedas hacer para que el plugin sea más eficiente. O también podrías buscar un plugin más rápido que haga lo mismo.
Para obtener recomendaciones, consulte nuestra guía sobre cómo elegir los mejores plugins para WordPress.
👉 Entradas relacionadas: Estás un poco nervioso acerca de llegar a un desarrollador de plugins? Comprueba nuestra guía sobre cómo pedir soporte de WordPress correctamente (y conseguirlo).
A veces, encontrarás que algunos de los plugins más pesados son esenciales para tu sitio web. En ese caso, puedes hacer que tu sitio web sea más rápido solo cargando ese plugin en las páginas que lo necesitan en lugar de cargarlo en todas partes.
Puedes usar un plugin gratuito llamado Plugin Organizer para desactivar plugins en páginas donde no son necesarios. Esto reducirá la carga de red en esas páginas.
![](https://www.wpbeginner.com/wp-content/uploads/2024/11/image-2.png)
💡 ¿Necesitas ayuda profesional?
No todo el mundo tiene tiempo para diagnosticar el error “Evitar cargas útiles de red enormes”. Si ese es tu caso, ¿por qué no dejas que se encarguen nuestros expertos en WordPress?
Nuestro servicio de optimización de la velocidad del sitio incluye compresión de imágenes, carga diferida, configuración de caché y mucho más. Incluso le proporcionaremos un informe de rendimiento antes y después para que pueda ver la mejora.
Bonificación: Guías de expertos relacionadas con el rendimiento de WordPress
Esperamos que este tutorial te haya ayudado a aprender cómo evitar enormes cargas de red en WordPress. Puede que también quieras ver algunas guías sobre otras formas de mejorar el rendimiento de WordPress:
- Guía definitiva para aumentar la velocidad y el rendimiento de WordPress
- ¿Por qué WordPress es lento? Aprenda a corregirlo
- Cómo acelerar su sitio web de comercio electrónico
- Cómo aumentamos la velocidad de carga de la página en WPBeginner
- Cómo realizar correctamente una prueba de velocidad de un sitio web
- Los mejores plugins de caché de WordPress para acelerar su sitio web
- ¿Por qué necesita una CDN para su blog de WordPress?
- Cómo reducir las peticiones HTTP en WordPress
- Cómo descargar los medios de WordPress para mejorar la velocidad del sitio web
- Mantenimiento de la base de datos de WordPress: Cómo optimizar su base de datos
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Have a question or suggestion? Please leave a comment to start the discussion.