¿Tu sitio web es lento? No solo es lento, sino que ahora sabes que obtener un sitio más rápido tiene algo que ver con las solicitudes HTTP.
Esto significa que necesitarás aprender otra cosa nueva para que tu sitio de WordPress despegue. ¡No te preocupes!
Solo necesitará ejecutar estos 8 métodos fáciles. Como mostrará esta guía, en realidad no es tan difícil.
Reducir la cantidad de solicitudes HTTP en tu sitio no solo mejorará los tiempos de carga, sino que también mejorará drásticamente la experiencia del usuario en general.
¿Qué son las solicitudes HTTP?
Antes de que mostremos cómo reducirlos, es importante saber exactamente qué es una solicitud HTTP. ¿Qué sabes hasta ahora?
Si estás aquí, debes saber que las solicitudes HTTP están conectadas a la velocidad de la página de alguna manera. Felicitaciones, tienes razón. Pero hay un poco más que eso.
Para comprender mejor las solicitudes HTTP, comprendamos qué sucede cuando visitamos un sitio web en un navegador web:
- Usted visita un sitio web utilizando un navegador web.
- Las solicitudes HTTP ocurren cuando su navegador solicita archivos para descargar.
- El servidor del sitio web devuelve todos los archivos necesarios para cargar el sitio web.
- Una vez que se hayan cargado todos los archivos, se puede ver e interactuar con el sitio.
A estas alturas, es posible que se esté dando cuenta de que esto no es muy complicado en teoría. Cuantas menos solicitudes HTTP tenga que hacer un sitio web, más rápido podrá cargarse.
Entonces, ¿qué puede hacer para reducir las solicitudes HTTP de su sitio de WordPress? Hemos investigado y recopilado 8 formas sencillas.
Pero antes de contarlos, comprendamos los principios básicos de las solicitudes HTTP:
Más archivos = más solicitudes HTTP
Archivos más grandes = solicitudes HTTP más largas
Primero, desea reducir la cantidad de archivos que carga su sitio. Esto, a su vez, reducirá la cantidad de solicitudes HTTP y dará como resultado tiempos de carga más rápidos.
A continuación, desea asegurarse de que todos los archivos en su sitio web sean lo más pequeños posible. Los archivos más pequeños tardan menos en cargarse y también dan como resultado cargas más rápidas del sitio.
¿Lo ves? Todo es muy sencillo. Menos archivos y archivos más pequeños pueden ayudarte a acelerar tu sitio. El seguimiento de sus solicitudes HTTP puede brindarle una gran perspectiva sobre cómo puede mejorar muchos aspectos de su sitio web.
¿Con mucha confianza? Pronto tu sitio de WordPress se cargará más rápido que nunca. Pero primero, una prueba.
Prueba tu sitio para solicitudes HTTP
La forma más fácil de probar cuántas solicitudes HTTP se producen en tu sitio de WordPress es con herramientas externas.
Hay un par de opciones:
- Herramientas web como Pingdom o GTmetrix
- Complementos de WordPress como Query Monitor
Si usa la herramienta web, todo lo que necesita hacer es hacer clic en uno de los enlaces anteriores e ingresar su URL para probar su sitio.
Después de eso, su sitio web será escaneado… ¡y listo! Puede ver cuántas solicitudes HTTP hay actualmente.
También puedes ver muchas otras cosas. A decir verdad, profundizar en los datos escaneados de su sitio web puede resultar abrumador.
A menos que la curiosidad te esté comiendo vivo, concentrémonos en el objetivo de hoy de disminuir las solicitudes HTTP. ¡Cuelga ahí!
Reduzca las solicitudes HTTP en su sitio de WordPress
Al pensar en la velocidad del sitio, el SEO técnico y cosas como las solicitudes HTTP, es perfectamente natural sentir aprensión por comenzar.
Sin embargo, podemos decir honestamente que creemos que el usuario promedio de WordPress puede manejar todo en esta lista.
Así es cómo puede reducir sus solicitudes HTTP:
- Combina CSS y Javascript
Una forma de reducir las solicitudes HTTP es combinar varios archivos CSS y Javascript.
Si no tienes idea de cómo trabajar con CSS y Javascript, ¡no te asustes! Hay formas fáciles de hacer esto que no requieren ajustar su archivo CSS manualmente.
Para empezar, muchos complementos de almacenamiento en caché de WordPress tienen esta característica. Eso significa que solo necesitaría instalar el complemento y habilitar la configuración correcta para combinar archivos CSS y Javascript.
- Minificar código (HTML, CSS, Javascript)
¿Sigues buscando en las opciones de tu tema o en ese complemento de almacenamiento en caché de WordPress? Bien, porque hay otra opción que podrías encontrar: Minificación.
Veamos primero cómo lo define Wikipedia:
La minificación es el proceso de eliminar todos los caracteres innecesarios de los códigos fuente… generalmente cosas como espacios en blanco y comentarios… que se usan para agregar legibilidad al código pero no son necesarios para que se ejecute.
Entonces, cuando se habilita la configuración minificar en las opciones de su tema o en el complemento de almacenamiento en caché, ¡eso es lo que está sucediendo! Está recortando automáticamente la grasa innecesaria en el código de su sitio web.
Al minimizar el código, hace que su sitio se cargue más rápido al requerir menos solicitudes HTTP y más cortas. Este es un gran truco, pero no reemplaza a un sitio web codificado de forma limpia.
Si tu sitio aún se arrastra incluso después de hacer todo lo que está en esta lista, es posible que deba contratar a un desarrollador para profundizar en su código.
Para los aventureros entre nosotros, puede ser tentador comenzar a buscar en los archivos CSS y Javascript de su sitio. ¡Le recomendamos encarecidamente que resista este impulso!
Si realizas cambios que terminan rompiendo tu sitio, estarás en una situación mucho peor. Ten cuidado.
- Habilitar la carga diferida
Todavía no dejaste la sección de opciones de tu tema, ¿verdad? Bien. Porque hay una configuración más que puede reducir las solicitudes HTTP. Se llama carga perezosa.
Lazy Loading aplaza la carga de imágenes que no se necesitan en una página inmediatamente. En pocas palabras, la carga diferida permite que los sitios web se carguen más rápido porque garantiza que solo se cargará inicialmente lo que está visible en la pantalla.
Entonces, a menos que sus usuarios tengan la tendencia de llegar a su sitio y desplazarse hacia arriba y hacia abajo sin control, la carga diferida podría hacer que su sitio sea considerablemente más rápido.
Si la configuración de su tema de WordPress no incluye carga diferida, no se preocupe. Con el núcleo de WordPress y un navegador actual, su sitio incluirá carga diferida automáticamente.
- Eliminar imágenes innecesarias
Todo el mundo ama una imagen bonita. Son importantes en cada etapa del recorrido del cliente.
Brightlocal descubrió que el 60% de los consumidores están más dispuestos a considerar un resultado de búsqueda que incluya una imagen. Eso significa que incluso antes de que un cliente llegue a su sitio web, ¡las imágenes son importantes!
Sin embargo, siempre es una buena idea recortar imágenes adicionales de nuestros sitios de WordPress cuando sea posible. Esto se vuelve un poco más fácil si ya sigues el principio de menos es más.
Cuando se trata de solicitudes HTTP e imágenes, menos es en realidad… ¡menos! Es decir, reducirá la cantidad de solicitudes HTTP en su sitio si tiene menos imágenes.
- Reducir el tamaño del archivo de imagen
Este no podría ser más fácil. ¡Solo haz tus imágenes más pequeñas! Se tarda menos tiempo en cargar imágenes más pequeñas.
Tenga en cuenta que siempre hay un equilibrio entre la calidad de la imagen y el tamaño del archivo. Puede ser tentador reducir el tamaño del archivo tanto como sea posible, pero si lo hace, sus imágenes podrían terminar pareciendo un poco de baja fidelidad.
Con eso en mente, aquí hay un par de maneras fáciles de hacer que sus imágenes sean más pequeñas:
Cambie la configuración de procesamiento de la imagen: al procesar (guardar o exportar) su imagen en Adobe Photoshop o Illustrator, tenga en cuenta la mejor configuración de tamaño y calidad. Si la imagen es una foto, elige un jpg de calidad media. Si la imagen es un dibujo vectorial, guárdela como png.
Use un servicio web: tal vez encontró una imagen que desea usar para su sitio. ¡Perfecto! Solo un problema: ¡es enorme! Si no sabe cómo usar Photoshop, pruebe con un sitio web como picresize.com.
- Deshabilita los complementos innecesarios
Tener demasiados complementos en su sitio de WordPress es algo de lo que hablamos todo el tiempo.
Hay 2 cosas a considerar cuando se trata de reducir la cantidad de solicitudes HTTP en su sitio.
- El número de complementos instalados.
- La carga de la CPU de los complementos instalados
Naturalmente, limitar la cantidad de complementos es un excelente lugar para comenzar. Desactiva y desinstala complementos que no estés usando.
Pero aquí hay otra cosa a considerar. Los complementos de CPU alta pueden manifestar una tonelada de solicitudes HTTP. Aquí es donde el complemento Query Monitor puede volver a ser útil.
Query Monitor le permite verificar qué complementos utilizan la mayoría de los recursos. ¡Muy útil!
Las reglas generales: evite los complementos que utilizan solicitudes externas de otros sitios web, ejecutan procesos en curso o tardan mucho en cargarse.
Por ejemplo, los complementos de redes sociales son delincuentes notorios porque dependen de una conexión entre su sitio y un sitio social.
De hecho, ¡muchos complementos de redes sociales serán culpables de los tres pecados mencionados anteriormente! Evítalos siempre que sea posible.
- Reducir scripts externos
Un script externo es algo que extrae solicitudes de otros sitios web. Puede que no lo hayas pensado, pero es muy probable que se estén ejecutando scripts externos en tu sitio de WordPress.
¿Son malos los scripts externos? No necesariamente. Pueden ayudar a las personas a hacer cosas increíbles con sus sitios. Es solo que tener demasiados de ellos ejecutándose en su sitio conducirá a un aumento en las solicitudes HTTP.
Aquí hay algunos ejemplos de scripts externos que muchos sitios de WordPress ejecutan constantemente:
- Google (AdSense, Analytics, etc.)
- Vídeos integrados
- Widgets integrados + Publicaciones
- Complementos para compartir en redes sociales
La verdad es que existen soluciones alternativas que permiten a los usuarios ejecutar scripts externos y requieren menos solicitudes HTTP. Pero se vuelve técnicamente exigente muy rápido.
Pero hay una cosa no técnica que puede hacer: intente limitar las conexiones externas solo a aquellas que sean absolutamente necesarias.
Para hacer esto, puede ser creativo en la resolución de problemas. Por ejemplo, en lugar de usar un complemento de Google Maps, podría simplemente tomar una captura de pantalla de un mapa y publicarlo en su lugar.
Es probable que un solo archivo de imagen requiera menos solicitudes HTTP que un complemento en casi todos los casos. Este tipo de creatividad se puede aplicar en todo el sitio para que dependa menos de las conexiones externas.
- Usa un CDN
Los CDN son cada vez más populares. ¡Y con razón! Aumentan la velocidad del sitio y, además, mejoran la confiabilidad del sitio y el SEO.
CDN significa Red de entrega de contenido. Suena complicado, pero es solo una solución inteligente que optimiza la forma en que se cargan los sitios web.
La forma en que una CDN mejora la velocidad del sitio no es tan compleja. Funcionan entregando contenido del sitio web almacenado en caché a los usuarios en función de su ubicación geográfica.
Hay algunos otros factores involucrados, pero para nuestros propósitos, solo necesitamos saber que las CDN pueden ayudar a que nuestros sitios realicen menos solicitudes HTTP.
Afortunadamente, debido a la creciente popularidad de los CDN, se están volviendo mucho más accesibles para el usuario promedio de WordPress. Hay un montón de excelentes opciones de CDN disponibles como Stackpath (anteriormente MaxCDN) y Cloudflare.
Una CDN correctamente configurada puede hacer maravillas en la velocidad del sitio. Sin embargo, una cosa a tener en cuenta: los CDN no son gratuitos y generalmente cuestan alrededor de $ 10 USD por mes.
Terminando
¡Qué viaje! A estas alturas, debe haber reducido la cantidad de solicitudes HTTP en su sitio web. Mantente así: la velocidad del sitio es un factor muy importante para el SEO y la experiencia del usuario.
Esperamos que haya encontrado este artículo útil, divertido y conciso.
Neothek ofrece servicios de web hosting, registro de dominios, correo electrónico, certificados SSL, diseño de páginas web y diseño gráfico.
