¿Cómo reducir las peticiones HTTP en WordPress?

EncontramosReducir las peticiones HTTPderechaVelocidad de cargaHay implicaciones. Cada vez que alguien visita un sitio web, su navegador envía una solicitud al servidor web para la descarga de una página necesaria para mostrar laTodos los archivos, incluidas imágenes, hojas de estilo y scripts. Cada Las peticiones HTTP añaden tiempo al proceso de carga..

Cuando hay demasiadas peticiones, aumenta la carga en el servidor, lo que puede hacer que el sitio se cargue más lentamente. Puede afectar a la Ranking SEOy la experiencia del usuario.

En el artículo, compartiremos algunas formas prácticas de ayudarle a reducir las peticiones HTTP en WordPress y mejorar el rendimiento de su sitio web.

¿Por qué debería reducir las peticiones HTTP en WordPress?

Cada página de un sitio web suele contener varios elementos. Estos elementos pueden incluirImágenes, archivos CSS y JavaScript, incrustaciones de vídeoetc.

Cuando alguien visita una página web, su navegador necesita cargar cada elemento por separado para poder mostrar la página. Si una página web contiene muchas imágenes u otros recursos, esto puede provocar tiempos de carga más lentos.

Además de los archivos del servidor, el sitio web puede tener fuentes externas que carguen recursos como scripts de Google Analytics, widgets de redes sociales o píxeles publicitarios.

Aunque estos elementos pueden mejorar la funcionalidad y la experiencia del usuario de un sitio web, también pueden ralentizar la velocidad de carga si no se optimizan.

Los sitios web lentos pueden hacer que los visitantes pierdan la paciencia, provocando que se marchen antes de que la página se cargue por completo. Según un estudio de Strange Loop, un retraso de un segundo puede provocar un descenso de 7% en las conversiones, 11% menos visitas a la página y una caída de 16% en la satisfacción del cliente.

Estudio de la velocidad del bucle extraño

Reducir las peticiones HTTP en WordPress es una excelente forma de mejorar el rendimiento de su sitio y es una de las formas clave de acelerar la carga de páginas en nuestro sitio.

Cómo identificar las solicitudes HTTP

Al aprender aReducir las peticiones HTTP en WordPressAntes, una descripción de cómo reconocer estas solicitudes.

Las peticiones HTTP realizadas por una página web pueden visualizarse a través de las herramientas de desarrollo de su navegador. Se muestra una lista de todos los archivos necesarios para cargar la página.

En Google Chrome, por ejemplo, puede abrir las Herramientas para desarrolladores yendo a"ver" ""desarrollador"" ""comprobar""oHaga clic con el botón derecho en la página y seleccione "Comprobar" en el menú..

A continuación, navegue hasta "reticulación". Tras recargar la página, verá una lista de todos los recursos cargados, incluidas las peticiones HTTP internas y externas.

Identificación de peticiones HTTP con las herramientas de desarrollo de su navegador

Si sólo desea ver las peticiones HTTP externas, puede utilizar la opción "Solicitudes de terceros"Filtros". Si sólo le interesan determinados tipos de archivos que pueden afectar a los tiempos de carga, como JS (JavaScript) o CSS, puede utilizar el botón de la parte superior para filtrar la lista.

Esté atento a los archivos que se cargan lentamente. Puede comprobar "veces" para hacerse una idea de cuánto tarda en cargarse cada recurso. A continuación, puede hacer clic en la cabecera de la columna para ordenar por tiempo, y otro clic cargará el archivo más lento en la parte superior.

Al mirar la cuarta columna "iniciador" cuando a veces vea el nombre del plugin o tema que cargó el archivo. Tome nota de cualquier plugin o tema que pueda estar causando una carga lenta.

Cómo reducir las peticiones HTTP en WordPress

1. Fusione los archivos CSS y JavaScript

Una de las mejores formas de reducir las peticiones HTTP es reducir el número de archivos a los que es necesario acceder. Se pueden fusionar varios archivos para reducir las peticiones HTTP sin afectar a la funcionalidad.

Por ejemplo, varios archivos CSS relacionados con distintas partes del diseño del sitio pueden combinarse en un único archivo. Este único archivo contendrá todo el código de estilo necesario, y el navegador sólo tendrá que hacer una petición en lugar de varias.

Del mismo modo, es posible reducir el número de peticiones necesarias para cargar los elementos interactivos de un sitio web combinando varios archivos JavaScript en uno solo.

Múltiples Plugin de WordPressEs posible automatizar este proceso. Las opciones más comunes incluyen WP Rocket (versión de pago)y Autoptimize (versión gratuita).

Comprimir CSS, JavaScript e iFrames en WP Rocket

Además de fusionar archivos, estos plugins también los comprimen. La compresión elimina los caracteres innecesarios del código, como espacios y comentarios, haciendo que los archivos sean más pequeños sin afectar a su funcionalidad. Esto mejora aún más la velocidad de carga al reducir la cantidad de datos que es necesario descargar.

2. Retraso en la carga de imágenes y vídeos

La carga retardada es otra gran forma de mejorar el rendimiento de carga de su sitio web, especialmente si las páginas contienen muchas imágenes o vídeos.

Normalmente, WordPress cargará todos los archivos multimedia antes de mostrar la página, incluso si estas imágenes o vídeos se encuentran en la parte inferior de la página y no son visibles inmediatamente para el usuario. Esto puede aumentar significativamente el tiempo de carga de la página inicial.

La carga diferida optimiza el proceso retrasando la carga de imágenes y vídeos hasta que están a punto de desplazarse a la vista del usuario.

Activar la carga retardada en WP Rocket

3. Uso de redes de distribución de contenidos (CDN)

Red de distribución de contenidos(CDN)es otra forma de aumentar la velocidad de carga de su sitio WordPress, especialmente para los usuarios que viven lejos del servidor web del sitio.

A diferencia del método anterior, la CDN no reduce el número de peticiones HTTP, sino que optimiza la forma en que se gestionan estas peticiones.

Normalmente, los archivos de un sitio web se almacenan en un único servidor web y los usuarios de todo el mundo tienen que solicitar los archivos desde esa ubicación. Una CDN almacena los archivos de un sitio web en servidores de alta velocidad repartidos por todo el mundo y envía los archivos desde un lugar alejado del domicilio del usuario.El servidor más cercano para enviar a su navegador.

Cómo funcionan las CDN

Utilizamos Cloudflare para mejorar la velocidad de carga de la página, puede seguir nuestro tutorial:Cómo configurar la CDN gratuita de Cloudflare en WordPress.

4. Uso de la caché del navegador

Utilizando la memoria caché del navegador, es posible reducir el número de peticiones HTTP a un sitio web, especialmente para los usuarios que lo visitan con frecuencia.

Cuando un usuario visita un sitio web por primera vez, su navegador descarga todos los recursos necesarios, como imágenes, hojas de estilo y archivos JavaScript. El almacenamiento en caché del navegador permite a éste almacenar una copia de estos archivos localmente en el ordenador del usuario.

La próxima vez que un usuario visite un sitio web, el navegador comprobará la caché local antes de enviar una petición HTTP al servidor. Si existe una copia no caducada del archivo en la caché, el navegador utilizará el archivo local en lugar de descargarlo de nuevo.

Este enfoque reduce el número de peticiones HTTP recibidas por el servidor, proporcionando así velocidades de carga más rápidas a los usuarios que regresan.

Sin embargo, si el contenido del sitio web se actualiza con frecuencia, es importante establecer un tiempo de caducidad adecuado para los recursos almacenados en caché. Esto garantiza que los usuarios obtengan la última versión de los archivos.

Esto se puede hacer en WordPress añadiendo el Cabeceras caducadas para controlar durante cuánto tiempo se almacenan en caché los recursos. Estas cabeceras indican al navegador cuándo debe considerar que el archivo almacenado en caché ha caducado y debe volver a descargarse del servidor.

5. Reducción del uso de recursos externos

Muchos plugins y temas de WordPress cargan recursos de sitios web externos, como scripts, hojas de estilo e imágenes, que pueden proceder de Google Analytics, Facebook y proveedores de fuentes, entre otros.

Estas peticiones HTTP externas pueden afectar a la velocidad de carga del sitio web, ya que el navegador necesita conectarse a varios servidores para obtener todos los componentes necesarios.

Incluso si estos recursos externos están optimizados para la velocidad, utilizar demasiados puede degradar el rendimiento de su sitio web.

Cómo reducir las peticiones HTTP externas

1. Desactive y elimine los plugins y temas innecesarios
   En primer lugar, desactive y elimine los plugins y temas que no necesite realmente.
2. Sustituya los plugins o temas que cargan lentamente
   Considere la posibilidad de buscar plugins o temas alternativos para sustituir los que carguen archivos más lentos. Es posible que haya notado antes algunos problemas relacionados al identificar peticiones HTTP.
3. Elija un plugin que dé prioridad al rendimiento
   Cuando elija plugins para WordPress, preste atención a los recursos externos que cargan. Dé preferencia a los plugins que se centran en el rendimiento y evite los que cargan demasiados scripts o estilos externos.
4. Uso de herramientas de gestión de plug-ins
   Si se necesita un control más fino del plugin, considere la posibilidad de utilizar un plugin como el Organizador de plugins Es una herramienta de gestión de plugins. Le permite cargar selectivamente plugins sólo en las páginas que los necesitan.

Gestión de la carga de plugins

Por último, las fuentes web personalizadas se cargan a menudo desde proveedores externos como Google Fonts, lo que puede aumentar significativamente las peticiones HTTP. Esto puede optimizarse de las siguientes maneras:

• Limite el número de familias y pesos de fuentes.
• Considere la posibilidad de utilizar fuentes del sistema (ya instaladas en el ordenador del usuario) para reducir la carga de recursos externos.