Cómo reducir las solicitudes HTTP en WordPress (¡haga su sitio más rápido!)

Aprender a reducir las solicitudes HTTP en WordPress parece tener algo con lo que solo los desarrolladores tienen que lidiar. Sin embargo, en realidad se refiere a cualquiera que tiene un sitio web impulsado por CMS. Aquí, en torque, escribí en general sobre cómo acelerar su sitio web de WordPress:
Una guía de velocidad de WordPress y la importancia del caché
14 formas de acelerar WordPress y reducir el tiempo de carga de la página
Formas simples pero probadas de aumentar la velocidad de su sitio de WordPress
Reducir las solicitudes HTTP es solo una pieza de este rompecabezas, pero muy importante. Por esta razón, este artículo tratará en detalle cómo hacer esto.
En la primera parte, definiremos cuáles son exactamente las solicitudes de HTTP/S y por qué es importante mantener su número lo más bajo posible. Luego, el resto del artículo le mostrará formas prácticas de reducir las solicitudes HTTP en su propio sitio de WordPress. ¿Cuáles son las solicitudes HTTP/S y por qué importa? Vamos a empezar desde el principio. ¿Qué es una solicitud HTTP/S? En primer lugar, si hablamos de una solicitud HTTP o HTTPS, depende de si ha configurado el cifrado HTTPS en su sitio. Aparte de esto, soy lo mismo, por lo que usaré los dos términos indistintamente en esta publicación. Sin embargo, ¿qué son?
Las solicitudes HTTP aparecen en cada sitio web en el nivel más elemental, se realiza una solicitud HTTP cada vez que un navegador requiere algo de su servidor. Este puede ser un archivo como una hoja de estilo, una imagen, un video integrado o un script. Básicamente, todo está formado por su sitio. Cada uno de estos es una solicitud separada. Esto es importante porque solo cuando todos los archivos solicitados se entregaron al navegador, se reproduce su sitio. Antes de eso, sus visitantes no pueden verlo. Como puede adivinar, cuanto más tenga para descargar y procesar más el navegador, más tiempo llevará su sitio para cargarse. Esto es especialmente cierto si su sitio es popular. En este caso, su servidor debe tratar con muchas solicitudes HTTP simultáneas. Esto, a su vez, tiene una gran influencia en la experiencia del usuario, que influye en el tráfico, los suscriptores, las conversiones, las ventas y más, en resumen: éxito del sitio. Usted influye en su final Resulte un buen ejemplo para comprender la importancia de las solicitudes HTTP y su efecto en el tiempo de carga de la página es Amazon. ¡La compañía una vez calculó que un retraso de solo un segundo durante la carga de la página conduciría a una pérdida de $ 1.6 mil millones en ingresos por año! Aunque su sitio probablemente no esté en el mismo nivel de flujo de efectivo (¡sin embargo, si es así, saludos!), Aún rechazará el 40% de los visitantes si tarda más de tres segundos en cargarse.
Además, Google dijo que el tiempo de carga de la página es un factor de clasificación. También extenderán esto a las búsquedas móviles en julio de 2018. Como resultado, cualquier inversión en la reducción de las solicitudes HTTP en su sitio de WordPress es una inversión en el resultado final. Sin embargo, ¿cuál es el primer paso para hacer esto? Saber cuántas solicitudes hace su sitio en primer lugar. ¿Cómo verificar el número de solicitudes HTTP de su sitio de WordPress? Para reducir el número de solicitudes HTTP a su sitio, primero debe medir el status quo. Use las siguientes herramientas para descubrir qué tan grande (o pequeño) es su problema para los desarrolladores de Chrome, Google ofrece información detallada sobre cuánto tiempo el elemento de cada elemento y los cargos de archivo. Simplemente visite el sitio y abra el menú del navegador, luego acceda a múltiples herramientas> Herramientas de desarrollador (o presione CTRL/CMD+Shift+I).

En el nuevo panel lateral, haga clic en la pestaña de red.
Aquí, puede revisar lo que está sucediendo exactamente en su sitio y cuánto tiempo lleva cada tarea completar. El navegador también proporciona información en profundidad para cada elemento. Firefox tiene una funcionalidad similar, sin embargo, me pareció que Chrome es un poco más cómodo de usar.

Pingdom Pingdom es mi favorito personal cuando se trata de medir la velocidad de la página. El instrumento tiene una interfaz agradable y ofrece resultados rápidos. Simplemente ingrese su sitio, seleccione la ubicación para probar y trabajar. Además de una puntuación general, recibe información detallada sobre las áreas que pueden requerir mejoras.

Parece que el New York Times también podría usar algunos consejos sobre cómo reducir las solicitudes HTTP. También muestra el peso de la página rota de acuerdo con el contenido y, lo más importante, un diagrama en cascada. Este último le permite seguir lo que se carga cuándo y cuánto tiempo se complementa cada solicitud. Información muy útil para tomar medidas concretas para reducir las solicitudes HTTPS en su sitio web de WordPress.
Gtmetrix Gtmetrix es muy similar al Pingdom. A través de su servicio, puede descubrir el puntaje general de la velocidad de la página y puede hacer que su sitio sea más lento y cómo corregirlo. También viene con un diagrama en cascada.

En general, Gtmetrix suele ser un poco más lento y no es tan agradable a la vista. Sin embargo, todavía es muy útil y a menudo usa pingdom y esta herramienta juntos. Cómo reducir bien las solicitudes HTTP en WordPress, ahora que sabe dónde está el problema, hablemos de soluciones. A continuación, encuentre diferentes formas de reducir las solicitudes HTTP a su sitio web de WordPress. Algunos de ellos son un poco técnicos, sin embargo, tengo plena confianza en que podrá trabajar.

Reduce las reutilizaciones Las solicitudes de reciclaje en exceso de HTTP se causan con mayor frecuencia que tienen demasiadas cosas en su sitio de WordPress. Los culpables más comunes son los complementos. Muchos de ellos agregan sus propias hojas de estilo y elementos a la cola de carga de su sitio.
En consecuencia, en el primer orden del día es superar la lista de complementos y reducirlo a los elementos esenciales. Desinstale lo que no necesita, deshabilite lo que solo usa ocasionalmente. Sea despiadado, el rendimiento de su sitio le agradecerá.

Sin embargo, no se detiene en los complementos. A continuación, deshazte de cualquier otra cosa en tu sitio que no necesite, incluidos los temas. Consulte nuestro libro de limpieza de primavera electrónica para obtener más ideas sobre lo que puede escapar. Esto no solo reduce las solicitudes HTTP, sino que también aumenta la seguridad y hace que su sitio sea más agradable. Use las herramientas de análisis anteriores para encontrar archivos o materiales que ralentizan significativamente su sitio. Si es necesario, busque formas de escapar o reemplazarlos. Para todo lo que se queda en su sitio, es posible que desee utilizar la limpieza de activos de WP. El complemento funciona de manera similar a la carga perezosa para imágenes (ver más abajo). Detecta los activos del sitio que no aparecen en las páginas solicitadas por los visitantes. Si este es el caso, evita su carga, reduciendo así la solicitud HTTP. Elimine las imágenes no utilizadas entre los productos que escapa, las imágenes son de gran importancia. No solo producen solicitudes HTTP, sino que generalmente representa la mayor parte del peso de la página. Por esta razón, si puedes reducirlos, ¡hazlo!
Como lo ha hecho con su página de complemento, revise la biblioteca de medios de WordPress y corte sin piedad de lo que no usa. Esto también lo reducirá en su tamaño, lo cual es una buena noticia para la copia de seguridad y la migración. Optimice las imágenes restantes que permanecen para SEO y carga rápida. Luego acelere su sitio aún más a través de la tarea perezosa mencionada anteriormente. O, si desea llevar las cosas al siguiente nivel, cree sprites de imagen. Combina múltiples imágenes en una y muestra solo ciertas porciones a través de CSS. Concatenen y reduzca los archivos CSS y JavaScript Hablando sobre combinar más archivos en uno, puede hacer lo mismo con hojas de estilo y scripts. Cada uno de estos es una solicitud HTTP/S separada y, por lo tanto, cuanto menos tenga, mejor. Por lo general, un archivo grande se descarga mucho más rápido que más archivos más pequeños. Además, puedes combinar esto con el minimento. Esto simplemente significa eliminar todos los personajes y formatear que hace que los archivos sean más fáciles de leer para los seres humanos. Esto reducirá en gran medida el tamaño del archivo y, por lo tanto, acelerará su descarga.

Todos pueden todos manualmente, por ejemplo, con un instrumento como Gulp. Use esta guía para que se corrigan. Sin embargo, una forma más fácil es simplemente instalar autoaptizado, lo que hará todo lo anterior. Tuve una muy buena experiencia con él. Algunos de los complementos de caché a continuación también tienen esta capacidad. Sin embargo, tenga en cuenta que la concatenación y la minimización ya no son necesarias con HTTP/2. Entonces, si la mayor parte de su tráfico ya está utilizando este protocolo, esta técnica no tendrá un efecto tan grande como antes. Limite los recursos externos Las solicitudes HTTPS no solo provienen de su propio sitio, sino que también pueden involucrar fuentes externas. Los ejemplos populares incluyen: fuentes personalizadas, aunque los servicios de fuentes personalizados suelen ser rápidos, todavía producen solicitudes adicionales. Por lo tanto, aquí y el lema es: solo cargue lo que realmente usa. Esto no solo significa limitar el número de fuentes, sino también la de los estilos y los guiones.

Imágenes externas: las imágenes externas son las más comunes en la sección de comentarios, especialmente porque WordPress usa el valor predeterminado de Gravatar. Puede deshabilitarlos o deshabilitarlos desde Configuración> Hablar o encontrarlos con estos complementos.
Los botones y medidores para las redes sociales: las redes sociales son una herramienta de marketing importante, sin embargo, es fácil de exagerar. Como no debería estar en cada red, no debe proporcionar opciones para compartir para todos. Quédate con lo que realmente usas.
Built -in Videos: YouTube y otras fuentes son una excelente ventaja para su contenido. Si usa un buen servicio, generalmente se sirven rápidamente, sin embargo, la incorporación de video sigue siendo solicitudes HTTP adicionales. Por lo tanto, si no los necesita, deshágase de ellos. De nuevo, consulte las herramientas de análisis anteriores para averiguar si las solicitudes externas ralentizan su sitio. Use un complemento de caché y/o CDN, aunque la memorización de caché no reduce el número total de solicitudes HTML en su sitio, puede reducir el número de solicitudes realizadas por los visitantes repetidos. Debido a que conservan gran parte del contenido de su sitio estático, las personas que pasan regularmente en su sitio no tienen que descargar y procesar todo desde el principio. Los candidatos más populares aquí son WP Super Cache y W3 Total Cache. WP Rocket es una solución comercial popular. La memorización de caché funciona bien con una red de entrega de contenido (CDN). Esto significa una red de computadoras distribuidas en todo el mundo, que mantiene una copia de su sitio a la mano. De esta manera, se puede servir a los visitantes desde la ubicación más cercana posible. Además, un CDN descarga HTTP solicita a otro servidor que no sea el suyo. La división del volumen de trabajo de esta manera puede mejorar en gran medida la velocidad de carga de la página. ¿Cómo reducirá las solicitudes HTTP de su sitio?