En la realidad actual, los sitios web rápidos, dirigen a un mayor compromiso de los visitantes, retención y conversiones. Hay muchos factores que contribuyen a la velocidad de un sitio web; uno de ellos es el número de Peticiones HTTP.
En este tutorial, explicaré qué son las Peticiones HTTP, cómo determinar el número de peticiones HTTP, los efectos que tienen en la performance de WordPress, cómo los plugins y temas no son de ayuda, y soluciones al problema.
¿Qué es una Petición HTTP?
Cuando un navegdor está renderizando una página web, le envía una petición para recursos estáticos o componentes (tales como imágenes, CSS y JavaScript) al servidor web via HTTP, y el servidor responde y envía los archivos al buscador. De este modo, a una petición enviada por el buscador usando HTTP se le denomina petición HTTP.
Análisis de una petición HTTP
Para un mejor entendimiento de qué significa una petición HTTP, mira el código HTML de una simple página web.
En la imágen de arriba, podrás ver que hay un total de cuatro peticiones HTTP.
El Efecto de las Peticiones HTTP en WordPress
De acuerdo a la regla de performance de Yahoo:
El 80% del tiempo de respuesta de los usuarios finales se gasta en el front-end. La mayoría de este tiempo es consumido en la descarga de todos los componentes de la página: imágenes, hojas de estilo, scripts, Flash, etc. Reduciendo el número de componentes por turno, se reduce el número de peticiones HTTP requeridas para renderizar la página. Esta es la clave para páginas más rápidas.
Según el extracto de arriba, estamos en lo correcto al deducir que, cuanto menor sea el número de peticiones HTTP, más rápido será el sitio web; por lo tanto, un sitio WordPress con muchas imágenes y archivos CSS y JavaScript referenciados externamente, tiende a ser lento.
Contando el Número de Peticiones HTTP
Usando la extensión Firebug de Firefox y la herramienta Inspeccionar Elemento de Google Chrome y Opera, puedes determinar sin esfuerzo el número de peticiones HTTP de una página web.
Veamos cómo comprobar el número de peticiones HTTP de nuestro blog WordPress.
Usando Firefox
Asegúrate que tienes la extensión Firebug instalada.
- Carga tu blog WordPress y presiona la tecla
F12para abrir la consola de Firebug. - Navega al panel de
Red. Si está deshabilitado, simplemente habilítalo. - Recarga tu sitio WordPress para que el panel de Red capture y grabe las peticiones HTTP.
- Deberías ver el número de peticiones HTTP en la parte inferior.
Usando Chrome y Opera
A diferencia de Firefox, en Chrome y Opera no necesitas una extensión para chequear las peticiones HTTP, se usa la herramienta integrada Inspeccionar Elemento.
Los pasos siguientes son válidos tanto para Chrome como Opera.
- Carga tu blog WordPress.
- Haz click derecho y selecciona
Inspeccionar Elemento. - Navega al panel de
Redy recarga tu sitio WordPress. - Deberías ver el número de peticiones HTTP en la parte de abajo.
¿Sabías que instalando muchos plugins de WordPress incrementa el número de componentes en la página, y por lo tanto el número de peticiones HTTP?
Lo que te queda por leer:
-
Cómo los Plugins y Temas Incrementan las Peticiones HTTP
-
Relación Entre Minificación y Peticiones HTTP
-
Cómo Reducir las Peticiones HTTP en WordPress
Deja una respuesta