Cómo hacer menos peticiones HTTP en un sitio WordPress

La velocidad es el factor crítico que determina la clasificación de los sitios en los motores de búsqueda. Tanto a los motores de búsqueda como a los usuarios les encantan los sitios web que cargan rápido, y es que un sitio web rápido ofrece una experiencia de usuario excepcional. Por lo tanto, es un factor de clasificación importante. Si la velocidad de carga de su sitio es relativamente lenta y el sitio no está funcionando como se esperaba, una posible razón puede ser un mayor número de peticiones HTTP.

Si es usted bastante nuevo en el universo de los sitios web o necesita aprender más sobre los entresijos de los sitios web, debe saber que un mayor número de solicitudes HTTP ralentiza los sitios web. Reducir el número de peticiones HTTP puede mejorar el tiempo de carga de los sitios web. ¿Estás pensando en cómo? Nosotros te lo explicamos.

Vamos a hablar de varias maneras totalmente probadas que ayudarán a reducir las peticiones HTTP y aumentar el rendimiento y la velocidad de su sitio web.

¿Qué es una petición HTTP?

HTTP es un protocolo de comunicación que se sigue cuando un usuario solicita información en línea. El servidor entrega datos y contenidos como CSS, archivos HTML, imágenes, vídeos, etc., al usuario a través de Internet.

La web es un espacio extenso con una gran cantidad de contenido o información alojada en los servidores. Cuando un usuario intenta acceder a la información disponible en Internet, el navegador envía peticiones y luego recibe respuestas.

Sin una petición, no se puede establecer una comunicación efectiva entre el usuario y el servidor. Por lo tanto, una petición HTTP es una capa de comunicación entre el servidor y el usuario. El servidor cliente envía un mensaje conocido como HTTP (protocolo de transferencia de hipertexto), y estructura el mensaje de solicitud en tres partes diferentes: la cabecera, la línea de solicitud y el cuerpo.

En cuanto a la velocidad y el rendimiento de su sitio WordPress, basado en peticiones HTTP, debe conocer las siguientes cifras.

• Un sitio web es saludable y rinde adecuadamente cuando las peticiones HTTP se mantienen por debajo de 50 por cada página.

• Un sitio web ofrece un rendimiento excepcional cuando el número de peticiones es inferior a 25 por página.

• Si el número medio de peticiones HTTP aceptadas es de 70, el sitio web tendrá un rendimiento decente.

Se recomienda mantener un sitio web saludable, ya que demasiadas peticiones HTTP lo ralentizan. Vamos a repasar las razones que hay detrás de mantener un rendimiento saludable para su sitio web.

¿Por qué es necesario reducir las peticiones HTTP?

Una de las principales razones para reducir las solicitudes HTTP realizadas por el sitio web es mantener su rendimiento y velocidad. Sin embargo, si profundiza en los detalles, sabrá que el 80% del tiempo de respuesta de un sitio web se suele gastar en el propio front-end. Pero, algunos de los aspectos significativos que afectan al tiempo de carga de un sitio web son las hojas de estilo, los scripts, las imágenes, etc.

Estos componentes son esenciales a la hora de mostrar contenidos, y lo que lleva tiempo es el establecimiento de la comunicación entre el usuario y el servidor. Por lo tanto, otra razón principal para reducir el número de peticiones HTTP realizadas es mantener el núcleo vital de su sitio web en buen estado.

Si resumimos las razones significativas detrás de la reducción de las peticiones HTTP, el resultado es el siguiente.

• Más archivos en sus sitios WordPress resultan en hacer muchas peticiones HTTP.

• Las peticiones HTTP más largas aumentan el tiempo de carga real de un sitio web.

• Archivos más grandes y pesados en el sitio web hacen peticiones HTTP más largas.

• Reducir las peticiones HTTP tiene un impacto positivo en su LCP.

Ahora que sabemos lo esencial para reducir el número de peticiones HTTP, también debes entender que el navegador hace posible obtener información de tu sitio web.

Repasemos algunas formas de reducirlas.

Formas de hacer menos peticiones HTTP a su sitio web

Sepa que pocas peticiones HTTP significan que habrá menos bytes para descargar. Sin embargo, la tarea es más difícil de lo que parece. Por el contrario, la optimización es desalentadora.

Hemos investigado algunos de los mejores métodos para reducir las peticiones HTTP que tiene que hacer el servidor. La lista incluye formas totalmente probadas de reducir las peticiones HTTP con la ayuda de plugins y también un enfoque manual.

Sin más preámbulos, empecemos.

Usar CSS Sprites para combinar imágenes

Utilizar sprites CSS es una de las mejores formas de reducir las peticiones HTTP realizadas para recursos de imagen. Desafortunadamente, cada archivo CSS utilizado en tu sitio web bloquea la renderización, lo que significa que cuantos más archivos CSS añadas, más pesados se volverán y ralentizarán el sitio web.

Para evitar este problema, combina todas las imágenes de tu sitio web en un solo archivo y optimízalas si es necesario. Una vez hecho esto, puedes aprovechar el truco de los sprites CSS, en el que tendrás que utilizar CSS para mostrar sólo una parte de la imagen cuando sea necesario. En Internet existen algunas herramientas basadas en la web. Con la ayuda de estas potentes herramientas, puedes optimizar tus imágenes.

Algunos de los mejores ejemplos de herramientas ampliamente utilizadas incluyen la herramienta CSS Sprites, CSS Sprite Editor y otras.

Activar la carga lenta de imágenes

La carga lenta es una función que pospone la carga de imágenes fuera de la ventana gráfica del navegador. Pero, cuando un usuario visita su sitio y no se desplaza hasta el extremo inferior, las imágenes colocadas allí no se cargarán. Esto se puede conseguir con la ayuda de un script de lazy loading. El número de peticiones HTTP se reduce, ya que las imágenes situadas por encima del pliegue se cargarán para un sitio web.

Puedes pedir a tu desarrollador que incluya el script lazy loading en tu sitio web o utilizar un plugin. Por ejemplo, WP Rockets ofrece una función de carga lenta que mostrará el contenido de la parte que está presente por encima del pliegue cuando se utiliza en su sitio web.

Además, varios otros plugins ofrecen carga perezosa para sitios web de WordPress. Por lo tanto, puede comprobarlos en línea para ver cuál es el más adecuado. Echa un vistazo a esto para aprender a acelerar sitios web lentos.

Sustituya los plugins más pesados por otros más ligeros

Una forma segura de reducir el número de peticiones HTTP es comprobar el tamaño de los plugins instalados en su sitio web. Una de las razones detrás de la ralentización de su sitio web puede ser uno o más plugins trabajando más para su sitio web y generando más peticiones HTTP.

Para identificar un plugin como ligero o pesado, necesitas asegurarte de algunas cosas, como la profesionalidad y la calidad del código, la eficiencia de la ejecución del código, las características y el tamaño del archivo.

Hay otras formas de marcar los plugins que ralentizan tu sitio web. Después de identificar dichos plugins, puede marcarlos. Siga un diagnóstico de 5 pasos mencionado a continuación para decidir mejor;

1. Utilice una herramienta llamada Pingdom para ejecutar una prueba de rendimiento de su sitio web para comprobar el número de peticiones HTTP que tiene que hacer. Anota también la puntuación que obtienes.

2. Active un plugin, A, y vuelva a ejecutar la prueba. Anota la puntuación obtenida.

3. Desactiva el primer plugin, luego instala otro plugin, B, y vuelve a ejecutar la misma auditoría.

4. Compare las peticiones HTTP que hace cada plugin y vea cuál hace más.

5. Si uno hace menos peticiones que el otro, elimina el más pesado y quédate con el más ligero. Tendrás muchas alternativas disponibles que harán el mismo trabajo pero son opciones ligeras.

Reduzca los scripts externos en su sitio web

Cada vez que se carga un script de terceros en tu sitio web, se deben realizar peticiones HTTP. Dicho esto, si reduces el número de scripts de terceros, las peticiones realizadas se reducirán también.

Por otro lado, más peticiones HTTP ralentizan su sitio web, afectando a su rendimiento. Por lo tanto, debes hacer un seguimiento de todas las integraciones de tu sitio web con terceros para identificar los activos que ralentizan tu sitio web.

Varias peticiones HTTP obligan a obtener recursos de la red, y debes asegurarte de que el rendimiento de tu sitio web se mantiene. Echa un vistazo a esto para aprender a reducir el tiempo de respuesta del servidor en WordPress.

Los scripts externos de los que hablamos suelen proceder de píxeles de Facebook, etiquetas de Analytics, botones para compartir en redes sociales, vídeos de YouTube, etiquetas de pruebas A/B y otras fuentes. Para mejorar el rendimiento de su sitio web, es fundamental identificar los archivos que aumentan el número de solicitudes. Puedes optimizar las peticiones de terceros manualmente o utilizar un plugin para ello.

Reducir HTML, CSS y JavaScript

Multiplicar los códigos HTML, CSS y Javascript ayuda a eliminar los espacios en blanco innecesarios, los comentarios y los caracteres no deseados. Además, ayuda a reducir el tamaño de los archivos, aligerándolos.

La técnica puede aplicarse a los tres archivos: HTML, CSS y Javascript. Esto no afectará a la entrega a los usuarios finales, ya que se trata de limpiar el código en el backend.

Puedes minificar los archivos manualmente, en línea, o también con la ayuda de una herramienta o plugin.

• Para minificar archivos HTML, puedes abrir la hoja de código y eliminar todos los elementos no deseados como comentarios, saltos de línea, etc., y tu archivo será más ligero.

• Para minimizar archivos CSS, elimina todos los espacios y comentarios sobrantes. Además, debes eliminar la clase, acortar el ID y eliminar los nombres de variables en la medida de lo posible.

• Debes eliminar los espacios extra y los comentarios JS del código fuente para minificar los archivos JS. Además, convierta todas las matrices en objetos, busque respuestas a las expresiones constantes básicas y optimice su sentencia condicional para obtener los mejores resultados.

Alternativamente, cuando se utiliza un plugin para minificar sus archivos, es necesario marcar las casillas de los archivos que desea minificar, y la tarea se realiza automáticamente. Si utiliza WP Rocket para el proceso, tienen una sección separada para optimizar archivos.

Combinar CSS y Javascript

Sin duda, uno de los métodos más sencillos para reducir las peticiones HTTP generadas por tu sitio es combinando tus archivos CSS y Javascript. Desafortunadamente, los plugins y temas de WordPress requieren cargar numerosas hojas de estilo JS y CSS. Para ello, el navegador debe cargar todos los recursos para renderizar las páginas web. El resultado final es un aumento del número de peticiones HTTP.

Existen varias herramientas en línea con las que puedes combinar cómodamente tus archivos CSS y Javascript. SmartOptimizer, CSS Crush, JSCompress.com y otras son algunas de las mejores opciones. Puede cargar los archivos combinados de su sitio WordPress en estos sitios web y experimentar una mayor velocidad del sitio. Además, reduce las peticiones HTTP, ayudando así a optimizar tu sitio web.

Optimice las imágenes y elimine todas las que no sean importantes

Aunque todavía no existe un plugin que ayude a combinar las imágenes con sprites CSS, hay algunos plugins increíbles que ayudarán a optimizar las imágenes de tu sitio web. Por supuesto, las imágenes son cruciales para una experiencia de usuario inigualable, pero debes saber que cada imagen añadida genera una petición HTTP extra. Por lo tanto, elija todas sus imágenes sabiamente, e incluya sólo aquellas imágenes que añadan valor a su contenido.

Alternativamente, optimice todas sus imágenes antes de añadirlas a su sitio web. Optimizar las imágenes significa que tienes que reducir el tamaño de las imágenes asegurándote de que su calidad no se vea comprometida.

Lo mismo no tiene sentido en caso de que tenga imágenes borrosas en su sitio web. Las imágenes deben ser de alta calidad pero no pesadas, donde el contenido y el contexto sean visibles.

A continuación te explicamos cómo puedes optimizar las imágenes en WordPress.

Hay algunas grandes herramientas de redimensionamiento que puede utilizar para obtener los mejores resultados. Algunas de ellas son Photoshop, Preview para Mac, GIMP y muchas más. Sin embargo, tenga en cuenta que la reducción del tamaño de archivo de las imágenes no afecta al número de peticiones HTTP realizadas, pero ayuda a que el sitio web sea más ligero, lo que se traduce en un menor tiempo de carga.

Cargar scripts sólo cuando sea necesario

Este es otro paso a toda prueba que puede tomar para minimizar el número de peticiones HTTP que su sitio web tiene que hacer. Por supuesto, debe asegurarse de que los scripts sólo se cargan cuando son necesarios y eliminarlos de las páginas que no los requieren. Dicho esto, haga una auditoría y elimine los scripts y plugins de las páginas que no necesiten cargarse.

Hay varios plugins increíbles disponibles que puede utilizar para desactivar la carga de scripts en páginas o entradas específicas. Además, estos plugins se asegurarán de que las secuencias de comandos sólo se cargan cuando sea necesario.

Por ejemplo, el plugin llamado Perfmatters permitirá que los scripts sólo se carguen en páginas o entradas cuando sea necesario. Otro gran plugin es Asset Cleanup Pro, que es menos fácil de usar, pero hace un gran trabajo.

Preguntas frecuentes

A continuación se mencionan algunas de las preguntas más frecuentes

Q. ¿Cuáles son las principales cosas que ralentizan un sitio web WordPress?

Hay varios factores que ralentizan su sitio web WordPress.

Los principales son mostrar/añadir imágenes no optimizadas, tener numerosos scripts que se ejecutan en segundo plano, usar un tema de WordPress lento o una versión antigua de PHP, y muchos más.

Así que compruebe varios factores para asegurarse de que la velocidad de su sitio web está a la par.

Q. ¿Hay alguna manera de reducir las peticiones HTTP aparte de usar plugins?

Sí, si usted tiene un equipo de desarrolladores que trabajan en el backend de su sitio web, usted puede fácilmente pedirles que lleven a cabo las medidas necesarias para reducir las peticiones HTTP en su sitio web.

Sin embargo, en caso de que no esté a favor del uso de plugins, hay algunos excelentes métodos manuales disponibles, con la ayuda de los cuales puede arreglar rápidamente todos los aspectos que aumentan las solicitudes HTTP.

Q. ¿Qué ocurre cuando el servidor recibe demasiadas peticiones?

Demasiadas peticiones que el navegador envía al servidor no son saludables e impactan en el rendimiento de su sitio web. Por ejemplo, varias peticiones indican ataques de fuerza bruta o DDoS (denegación de servicio distribuida).

Además, HTTP bloquea la dirección IP del usuario para garantizar que el sitio esté bien protegido de las actividades de malware. Como resultado, el usuario no puede acceder al sitio web.

Q. ¿Por qué reducir las peticiones HTTP?

Una de las razones importantes para reducir las peticiones HTTP es que su sitio web las realiza para garantizar un rendimiento adecuado.

Cuantas más peticiones HTTP tenga su sitio web, más lento se cargará para los usuarios. Dicho esto, si trabajas en las peticiones HTTP y optimizas la carga de peticiones, el rendimiento de tu sitio web mejorará definitivamente.

Para terminar

Para mantener el excelente rendimiento de tu sitio web y su carga rápida, debes asegurarte de que haya menos peticiones HTTP. Mantenerlas dentro de 50 es lo que ayudará a que tu sitio web funcione como se espera. Con la ayuda de los plugins mencionados anteriormente, puede reducir las solicitudes HTTP y asegurarse de que las solicitudes no superen ese número.

Los plugins ayudan a reducir las peticiones innecesarias, y lo mejor es que no se requieren conocimientos técnicos para ello. Con los plugins, no tendrás que trabajar más y seguirás obteniendo los mejores resultados de rendimiento. Con menos peticiones HTTP, puede aumentar rápidamente la clasificación de su sitio en las SERPs.