{"id":10699,"date":"2022-08-09T09:30:34","date_gmt":"2022-08-09T07:30:34","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=10699"},"modified":"2024-02-08T14:18:51","modified_gmt":"2024-02-08T13:18:51","slug":"como-reducir-el-numero-de-peticiones-http-de-nuestra-web","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/como-reducir-el-numero-de-peticiones-http-de-nuestra-web\/","title":{"rendered":"\u00bfC\u00f3mo reducir el n\u00famero de peticiones HTTP de nuestra web?"},"content":{"rendered":"\n

Entre las acciones que podemos llevar a cabo en el proceso de optimizaci\u00f3n de tiempos de carga de nuestra p\u00e1gina web, est\u00e1 la reducci\u00f3n del n\u00famero de peticiones HTTP de los recursos web<\/strong> que necesita nuestra p\u00e1gina para cargarse correctamente o, en su defecto, optimizar la carga de recursos HTTP desde recursos externos.<\/p>\n\n\n\n

Centr\u00e1ndonos en el entorno web, HTTP es el protocolo utilizado en cada conexi\u00f3n que se establece entre nuestro navegador y un servidor web<\/strong> que almacena los archivos necesarios para que nuestro sitio web funcione.<\/p>\n\n\n\n

\u00bfPor qu\u00e9 debo reducir la cantidad de peticiones HTTP de mi sitio web?<\/h2>\n\n\n\n

En nuestro art\u00edculo c\u00f3mo optimizar el tiempo de carga de tu web<\/a> explicamos c\u00f3mo la optimizaci\u00f3n del tiempo de carga es un aspecto que incide directamente en el posicionamiento en buscadores. Por ello, es muy importante reducir al m\u00e1ximo el n\u00famero de peticiones<\/strong> que nuestra p\u00e1gina realiza al servidor web para que los navegadores muestren lo antes posible su contenido.<\/p>\n\n\n\n

\n
\n
\"N\u00famero
Fuente: https:\/\/www.pushtechnology.com\/<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n
\n
<\/div>\n\n\n\n

Por cada recurso que utilizamos (im\u00e1genes, css, js, fuentes\u2026), el navegador web realiza una petici\u00f3n al servidor en el que est\u00e1 alojado para descargarlo y hacer uso de \u00e9l. Dependiendo del navegador que utilicemos, el n\u00famero m\u00e1ximo de peticiones concurrentes variar\u00e1<\/strong>.<\/p>\n\n\n\n

La limitaci\u00f3n de peticiones simult\u00e1neas de los navegadores<\/strong> hace que, una vez se ha llegado a ese l\u00edmite, el resto de recursos deben quedar \u00aba la espera\u00bb para poder ser descargados. <\/p>\n\n\n\n

Esa \u201cespera\u201d es lo que herramientas como Google Page Speed<\/a> identifican como blocking o elementos que bloquean la carga de contenido<\/strong>, ya que no pueden ser descargados hasta que finalice la carga de los recursos previamente requeridos en el c\u00f3digo.<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\u00bfC\u00f3mo saber cu\u00e1ntas peticiones HTTP hace mi p\u00e1gina web?<\/h2>\n\n\n\n

Antes de nada hay que tener en cuenta que esta medici\u00f3n deber\u00e1s llevarla a cabo en las distintas secciones de tu p\u00e1gina web<\/strong>, ya que los recursos que se carguen en tu p\u00e1gina de inicio pueden no ser los mismos que se carguen en p\u00e1ginas interiores. Sigue los siguientes pasos:<\/p>\n\n\n\n

  1. Entra en la web para la que quieras hacer la comprobaci\u00f3n.<\/li>
  2. Despliega las herramientas para desarrolladores de Google Chrome (Ctrl + May\u00fas + I o pulsa F12).<\/li><\/ol>\n\n\n
    \n
    \"Pesta\u00f1a<\/figure>\n<\/div>\n\n\n

    3. Pulsa sobre la pesta\u00f1a \u201cRendimiento\u201d. A continuaci\u00f3n pulsa sobre el icono de recarga de p\u00e1gina o pulsa Ctrl + Shift + E.<\/p>\n\n\n

    \n
    \"Ejecutar<\/figure>\n<\/div>\n\n\n

    4. Una vez ejecutado el an\u00e1lisis de rendimiento, pulsa sobre la pesta\u00f1a \u201cRed\u201d, en la parte inferior se mostrar\u00e1 el listado completo de peticiones que hace el navegador para carga tu p\u00e1gina, as\u00ed como un n\u00famero \u00abSolicitudes\u00bb que indica el n\u00famero total de recursos cargados en esa p\u00e1gina.<\/p>\n\n\n

    \n
    \"Consola<\/figure>\n<\/div>\n\n\n

    IMPORTANTE:<\/strong> una vez cargada esa pesta\u00f1a, coloca el rat\u00f3n fuera del inspector, en la parte donde se muestra tu p\u00e1gina y haz scroll hasta abajo. De ese modo el n\u00famero de solicitudes<\/strong> mostrado en la parte inferior del inspector ser\u00e1 real, dado que habr\u00e1 recursos que no se carguen hasta que el usuario baje para ver el contenido (carga diferida).<\/p>\n\n\n\n

    \u00bfQu\u00e9 puedo hacer para reducir el n\u00famero de peticiones HTTP?<\/h2>\n\n\n\n

    Antes de ponernos a eliminar recursos y peticiones HTTP, debemos llevar a cabo una auditor\u00eda de nuestro sitio web<\/a> para:<\/p>\n\n\n\n