{"id":37080,"date":"2020-10-19T23:41:50","date_gmt":"2020-10-20T06:41:50","guid":{"rendered":"https:\/\/kinsta.com\/?p=81133"},"modified":"2025-02-14T13:27:20","modified_gmt":"2025-02-14T12:27:20","slug":"hacer-menos-http-solicitudes","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/hacer-menos-http-solicitudes\/","title":{"rendered":"\u00bfC\u00f3mo Tener Menos Solicitudes HTTP en WordPress? (Incrementar la Velocidad del Sitio F\u00e1cilmente)"},"content":{"rendered":"

Cuantas m\u00e1s solicitudes HTTP tenga tu sitio, m\u00e1s lento se cargar\u00e1. Por lo tanto, si puedes reducir el n\u00famero de solicitudes HTTP y optimizar la forma en que se cargan, puedes mejorar el rendimiento de tu sitio web<\/a>.<\/p>\n

En este post, te guiaremos a trav\u00e9s de todo lo que necesitas saber sobre c\u00f3mo hacer menos solicitudes HTTP en WordPress.<\/p>\n

Empezaremos con una introducci\u00f3n b\u00e1sica a las solicitudes HTTP, por qu\u00e9 son importantes y c\u00f3mo analizar las solicitudes de tu sitio de WordPress.<\/p>\n

A continuaci\u00f3n, compartiremos algunos consejos y estrategias que puedes implementar para reducir las solicitudes de tu sitio. Adem\u00e1s de ayudarte con el mensaje \u00abRealiza menos solicitudes HTTP\u00bb en GTmetrix, estas estrategias tambi\u00e9n te ayudar\u00e1n con el mensaje \u00abEvita encadenar solicitudes cr\u00edticas\u00bb en Google PageSpeed Insights.<\/p>\n

<\/div><\/kinsta-auto-toc>\n\n

\u00bfPrefieres ver la versi\u00f3n en v\u00eddeo<\/a>?<\/h3>\n<\/kinsta-video>\n

\u00bfQu\u00e9 Son las Solicitudes HTTP?<\/h2>\n

Cuando construyes un sitio web<\/a>, tiene muchas partes diferentes. Tienes los diferentes archivos de imagen<\/a> que usas en una p\u00e1gina, las hojas de CSS<\/a> que controlan c\u00f3mo se ve el contenido, los archivos JavaScript que agregan toda esa genial funcionalidad, y as\u00ed sucesivamente.<\/p>\n

Cuando alguien visita tu sitio web<\/a>, su navegador necesita una forma de descargar todos los recursos necesarios para esa p\u00e1gina de tu servidor. Para ello, hace solicitudes HTTP <\/strong>al servidor para cada recurso individual.<\/p>\n

Por ejemplo, podr\u00eda decir, \u00abhey servidor, necesito ese archivo coolimage.png<\/strong>\u00bb y \u00abhey servidor, tambi\u00e9n necesito la hoja de estilos CSS para ese plugin de formulario de contacto<\/a>\u00ab. El servidor entonces responde <\/strong>a esas solicitudes con los archivos en cuesti\u00f3n.<\/p>\n

Una vez que el navegador web obtiene esos archivos, puede montar la p\u00e1gina web de tu visitante. Por supuesto, es un poco m\u00e1s complicado que eso, pero esa es la idea b\u00e1sica.<\/p>\n

HTTP,\u00a0 es la abreviatura de Hypertext Transfer Protocol (Protocolo de transferencia de hipertexto), es la forma en que se comunican estos ordenadores (el navegador del visitante y tu servidor web).<\/p>\n

Una cosa importante que tienes que entender es que cada elemento separado es una solicitud HTTP independiente. Por ejemplo, si tienes cinco archivos de imagen<\/a> en una p\u00e1gina web, el navegador necesita hacer cinco solicitudes HTTP separadas, una para cada imagen.<\/p>\n

Del mismo modo, si se utilizan cuatro plugins de WordPress<\/a> y cada plugin a\u00f1ade su propia hoja de estilo CSS, el navegador del visitante tendr\u00e1 que hacer cuatro solicitudes HTTP separadas, una para la hoja de estilo de cada plugin.<\/p>\n

\u00bfPor Qu\u00e9 es Importante Reducir las Solicitudes de HTTP?<\/h2>\n

<\/p>\n

En general, cuantas m\u00e1s solicitudes HTTP tenga tu sitio web, m\u00e1s lento se cargar\u00e1<\/a>. Por lo tanto, si quieres que tu sitio web se cargue m\u00e1s r\u00e1pido, necesitas optimizar y reducir el n\u00famero de solicitudes HTTP que tu sitio requiere.<\/p>\n

Aunque esto es una simplificaci\u00f3n excesiva, la idea b\u00e1sica es que el navegador web solo mostrar\u00e1 el sitio web a tu visitante una vez que haya terminado de descargar todas las solicitudes HTTP (aunque hay algunas t\u00e1cticas para indicarle al navegador que est\u00e1 bien esperar por ciertos archivos).<\/p>\n

As\u00ed que si un sitio web tiene que hacer 70 solicitudes HTTP antes de poder mostrar la p\u00e1gina, eso va a tomar m\u00e1s tiempo que si tiene que hacer 40 solicitudes HTTP.<\/p>\n

Adem\u00e1s, algunas solicitudes HTTP \u00abbloquear\u00e1n\u00bb otras solicitudes HTTP, lo que significa que el navegador no puede empezar a descargar ciertas solicitudes HTTP hasta que termine de descargar las solicitudes HTTP anteriores.<\/p>\n

La conclusi\u00f3n es: cuando haces menos solicitudes HTTP, haces que tu sitio web se cargue m\u00e1s r\u00e1pidamente<\/a>.<\/p>\n

C\u00f3mo Ver y Analizar las Solicitudes HTTP de Tu Sitio<\/h2>\n

En la parte anterior, aprendiste que, si todas las cosas siguen iguales, reducir el n\u00famero de peticiones HTTP acelerar\u00e1 tu sitio<\/a>. Sin embargo, las solicitudes HTTP no siempre son \u00abiguales\u00bb. Algunas solicitudes HTTP son m\u00e1s grandes que otras. Algunas son m\u00e1s lentas que otras.<\/p>\n

Por ejemplo, la solicitud de un enorme archivo de imagen de 3 MB llevar\u00e1 mucho m\u00e1s tiempo que la solicitud de una diminuta imagen de 20 KB.<\/p>\n

Si quieres efectuar la m\u00e1xima mejora en tu sitio, centr\u00e1ndote primero en las solicitudes HTTP grandes y de carga lenta tendr\u00e1s el mayor retorno de tu inversi\u00f3n.<\/p>\n

Para analizar las solicitudes HTTP de tu sitio, puedes usar algo llamado An\u00e1lisis de Cascada (Waterfall analysis)<\/a>.<\/p>\n

La mayor\u00eda de las herramientas de prueba de velocidad ofrecen esto, pero las interfaces de GTMetrix<\/a> y Pingdom<\/a> son muy pr\u00e1cticas. Tambi\u00e9n puedes usar las herramientas de desarrollo de tu navegador. Sin embargo, usaremos GTmetrix para nuestras capturas de pantalla.<\/p>\n

Una vez que conectes tu URL, ver\u00e1s un cuadro con un resumen b\u00e1sico en la parte superior. Esto te muestra cu\u00e1ntas solicitudes HTTP tiene tu sitio, pero no desglosa las solicitudes individuales:<\/p>\n

<\/p>\n

Para analizar tus solicitudes individuales, ve a la pesta\u00f1a Waterfall <\/strong>abajo.<\/p>\n

Aqu\u00ed, ver\u00e1s una lista de cada solicitud HTTP individual en tu sitio junto con informaci\u00f3n sobre el tiempo que esa solicitud HTTP tard\u00f3 en descargarse:<\/p>\n

<\/p>\n

Puedes ver como no todas las solicitudes HTTP son iguales. Por ejemplo, la imagen de 839,3 KB tarda 1,12s mientras que la imagen de 57,6 KB tard\u00f3 solo 87,5 ms:<\/p>\n

<\/p>\n

Tambi\u00e9n puedes encontrar solicitudes HTTP de los diferentes plugins de WordPress que est\u00e1s usando buscando el nombre de la carpeta de ese plugin en tu servidor. Por ejemplo, puedes ver que WooCommerce<\/a> a\u00f1ade siete de sus propias solicitudes HTTP:<\/p>\n

<\/p>\n

De esta manera, puedes ver si alg\u00fan plugin que utilizas est\u00e1 a\u00f1adiendo muchas solicitudes HTTP (especialmente solicitudes de carga lenta).<\/p>\n

C\u00f3mo Optimizar y Hacer Menos Solicitudes HTTP en WordPress<\/h2>\n

A un alto nivel, hay dos amplias estrategias para hacer menos solicitudes HTTP:<\/p>\n