¿Tu sitio web de WordPress carga tan rápido como podría? La velocidad es vital para mantener contentos a los visitantes y obtener una buena clasificación en los resultados de búsqueda.
Si tu sitio se siente lento, el protocolo de conexión subyacente podría ser el cuello de botella. Ahí es donde entra HTTP/2 para acelerar las cosas.
En WPBeginner, optimizamos constantemente nuestra pila de servidores para asegurar que nuestras páginas carguen instantáneamente para millones de lectores. HTTP/2 es una parte importante de esa estrategia de rendimiento.
En este artículo, explicaremos qué es HTTP/2 y cómo puedes habilitarlo para aumentar la velocidad y el rendimiento de tu WordPress.
¿Qué es HTTP/2?
HTTP/2 es la versión revisada del protocolo HTTP original. Fue desarrollado por el Internet Engineering Task Force (IETF) y se basa en un protocolo experimental SPDY desarrollado por Google.
HTTP (Protocolo de Transferencia de Hipertexto) es como un lenguaje que permite a las computadoras comunicarse entre sí en Internet. Es cómo la información se envía de un lado a otro cuando usas sitios web o aplicaciones.
Cuando visitas un sitio web de WordPress, tu navegador web envía un mensaje llamado 'solicitud' al servidor que almacena el sitio web. La solicitud pide información específica, como el texto de la página, imágenes o videos.
Consejo: Consulta nuestro artículo sobre cómo funciona WordPress entre bastidores para más detalles.
El servidor recibe la solicitud del usuario y envía una respuesta. Esta respuesta es como un paquete que contiene la información que el usuario solicitó. Incluye cosas como el texto que ves, las imágenes que miras o incluso los videos que ves en el sitio web.
HTTP 0.9 se lanzó por primera vez en 1991. Una revisión significativa de este, HTTP 1.1, se publicó en 1999, y la mayoría de los sitios web funcionaron con él hasta 2015, cuando se lanzó el protocolo HTTP/2.
HTTP/2 es compatible con todo el software de servidor web moderno (por ejemplo, Apache, Nginx, Litespeed, etc.) y navegadores, aunque muchos sitios web todavía funcionan con HTTP 1.1 si no tienen un certificado SSL instalado.
El IETF también ha lanzado HTTP/3, que es aún más rápido. Sin embargo, HTTP/2 sigue siendo el estándar esencial para la web moderna. Si la red de un visitante no puede conectarse a través de HTTP/3, su navegador dependerá de HTTP/2 para asegurar que el sitio aún cargue rápidamente.
¿Cuál es la diferencia entre HTTP2 y HTTP?
El protocolo HTTP 1.1 enviaba solicitudes de datos sin priorización. Esto significa que si un sitio web tiene una referencia a un archivo JavaScript en el encabezado, se cargará antes que cualquier otro contenido.
Esto hace que un sitio web parezca más lento para los usuarios, quienes no pueden ver el contenido que esperan ver.
HTTP/2 utiliza una sola conexión para enviar múltiples archivos a la vez (multiplexación). Piensa en HTTP 1.1 como un supermercado con solo un carril de caja abierto. Los clientes tienen que esperar en una fila larga. HTTP/2 es como abrir múltiples carriles de caja para que todos pasen instantáneamente.
El protocolo HTTP/2 también utiliza compresión para las cabeceras HTTP y multiplexación, lo que mejora aún más el rendimiento de carga de la página.
El protocolo más nuevo también viene con Compresión de Cabeceras (HPACK). Esto reduce el tamaño de los datos que se transfieren entre el servidor y tu navegador, haciendo que todo cargue más rápido.
En resumen, HTTP/2 es más rápido que HTTP 1.1 y mejora significativamente la velocidad y el rendimiento de tu WordPress.
¿Qué necesitas para usar HTTP/2 en WordPress?
Primero, necesitas una empresa de hosting que ofrezca el software de servidor más reciente con soporte para HTTP/2. También necesitarás instalar un certificado SSL en tu sitio web de WordPress.
La mayoría de las mejores empresas de hosting de WordPress ya utilizan software de servidor web de vanguardia.
Recomendamos usar Bluehost, que utiliza el software de servidor web Apache más reciente con soporte para HTTP/2 habilitado por defecto.
Afortunadamente, la gente de Bluehost está ofreciendo a los usuarios de WPBeginner un descuento exclusivo con un nombre de dominio y certificado SSL gratuitos.
Otras compañías de hosting que recomendamos incluyen SiteGround, Hostinger y WP Engine. Todas ofrecen certificados SSL gratuitos y el software de servidor más reciente con soporte HTTP/2.
Cómo habilitar HTTP/2 en WordPress
El único requisito para habilitar el soporte HTTP/2 en WordPress es instalar un certificado SSL.
Técnicamente, el protocolo en sí no requiere cifrado. Sin embargo, los navegadores modernos (como Chrome, Firefox y Safari) no usarán HTTP/2 a menos que tu sitio tenga un certificado SSL. Por lo tanto, en la práctica, se requiere SSL.
Si tu sitio web utiliza SSL, tus URLs tendrán el prefijo https:// de esta manera:
https://wpbeginner.com
Al visitar tu sitio web, también verás un ícono de candado en la barra de direcciones del navegador.
Si tu sitio web no utiliza un certificado SSL, puedes pedirle a tu proveedor de hosting de WordPress que lo instale por ti.
¿Necesitas más ayuda? Consulta nuestro tutorial sobre cómo mover de HTTP a HTTPS en WordPress.
Una vez que hayas habilitado SSL, tu sitio web de WordPress casi con seguridad se servirá a través del protocolo HTTP/2.
Probando el soporte HTTP/2 para tu sitio web
Hay dos maneras de probar si tu sitio web de WordPress está sirviendo páginas a través de HTTP/2.
Primero, puedes visitar la página de Prueba HTTP/2 de KeyCDN Tools e ingresar la URL de tu sitio web. Esta herramienta en línea gratuita te dirá si tu sitio web admite HTTP/2.
Otra forma efectiva de verificar si tu sitio web sirve páginas en HTTP/2 es usando las herramientas estándar de Desarrollador de Chrome.
Simplemente abre una nueva ventana del navegador en Google Chrome y visita tu sitio web. Luego, haz clic derecho en cualquier parte de la página y selecciona 'Inspeccionar' para abrir las herramientas de desarrollador.
Ahora necesitas hacer clic en la pestaña 'Network' (Red). Es posible que necesites recargar la página para ver que los datos aparezcan.
Mira la columna 'Protocol'. Si ves 'h2' listado allí, significa que tu sitio web está sirviendo páginas usando el protocolo HTTP/2.
Preguntas Frecuentes Sobre HTTP/2 y WordPress
Aquí tienes algunas de las preguntas más comunes que recibimos sobre HTTP/2 y cómo funciona con WordPress. Estas respuestas te ayudarán a comprender mejor los detalles técnicos y el proceso de implementación.
1. ¿Necesito hacer algo especial para habilitar HTTP/2 en mi sitio de WordPress?
No, no necesitas instalar ningún plugin ni hacer cambios en el código. El único requisito es tener un certificado SSL instalado en tu sitio web. Una vez que tengas HTTPS habilitado, el software del servidor de tu proveedor de hosting servirá automáticamente tu sitio usando el protocolo HTTP/2. La mayoría de las empresas de hosting modernas como Bluehost, SiteGround y WP Engine ya soportan HTTP/2 por defecto.
2. ¿Hará que mi sitio web sea más lento si tengo un proveedor de hosting antiguo?
HTTP/2 no ralentizará tu sitio web, pero los proveedores de hosting más antiguos podrían no admitirlo en absoluto. Si tu empresa de hosting utiliza software de servidor obsoleto, tu sitio seguirá funcionando con HTTP/1.1. Sin embargo, recomendamos actualizar a un proveedor de hosting moderno que admita HTTP/2, ya que esto mejorará significativamente el rendimiento y la velocidad de carga de tu sitio.
3. ¿Puedo usar HTTP/2 sin un certificado SSL?
Técnicamente, HTTP/2 no requiere SSL, pero todos los navegadores principales (Chrome, Firefox, Safari, Edge) solo admiten HTTP/2 sobre conexiones HTTPS. Esto significa que sin un certificado SSL, tus visitantes no se beneficiarán de las mejoras de velocidad de HTTP/2. Obtener un certificado SSL es esencial para que HTTP/2 funcione correctamente.
4. ¿Qué tan más rápido será mi sitio de WordPress con HTTP/2?
Los estudios demuestran que los sitios web que utilizan HTTP/2 pueden cargarse hasta un 20% más rápido que los que utilizan HTTP/1.1. La mejora real de la velocidad depende de la complejidad de tu sitio y del número de archivos que carga. Los sitios con muchas imágenes, archivos CSS y archivos JavaScript verán las mayores ganancias de rendimiento porque HTTP/2 puede cargar varios archivos simultáneamente.
5. ¿Es HTTP/2 compatible con los plugins de caché de WordPress?
Sí, HTTP/2 funciona perfectamente con todos los plugins populares de caché de WordPress como WP Rocket, W3 Total Cache y WP Super Cache. De hecho, usar HTTP/2 junto con plugins de caché te dará resultados de rendimiento aún mejores. Los plugins de caché optimizan tus archivos, mientras que HTTP/2 los entrega de manera más eficiente a tus visitantes.
6. ¿Sigue siendo necesario HTTP/2 ahora que existe HTTP/3?
Sí, absolutamente. Si bien HTTP/3 es la versión más nueva y rápida, opera de manera diferente (usando QUIC/UDP). Algunas redes corporativas o firewalls bloquean este tráfico. En esos casos, el navegador automáticamente recurre a HTTP/2. Piensa en HTTP/2 como la base confiable de alta velocidad que asegura que tu sitio sea rápido para el 100% de tus visitantes, no solo para algunos de ellos.
Recursos adicionales
Esperamos que este artículo te haya ayudado a aprender sobre HTTP/2 y cómo habilitarlo en WordPress. También puedes consultar nuestras otras guías para mejorar el rendimiento de tu sitio web.
- Cómo mover WordPress correctamente de HTTP a HTTPS
- La guía definitiva para mejorar la velocidad y el rendimiento de WordPress
- Cómo elegir el mejor hosting de WordPress
- Los mejores plugins de caché de WordPress para acelerar tu sitio web
- Por qué necesitas una CDN para tu blog de WordPress
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Samuel
Gracias por este artículo. Si bien sabía que http/2 es más seguro debido a la presencia de SSL, a menudo me preguntaba la diferencia entre HTTP y HTTP2. Este artículo me aclaró la diferencia. Me acabo de dar cuenta de que estaba atascado con el conocimiento obsoleto de http enviando datos de arriba a abajo, lo cual, por supuesto, me has hecho darme cuenta de que http2 es mucho más eficiente en su naturaleza de multiplexación y priorización de envío. Esta revelación mejorará enormemente cómo diseño mi código para una mejor experiencia de usuario y aplicaciones web más rápidas de ahora en adelante. Este artículo me hace querer reaprender la tecnología http 2 en detalle. Muchas gracias.
David Lim
Hay muchos factores que se pueden optimizar para acelerar nuestro sitio. Este es uno de esos factores. Aprecio tu escritura.
GRACIAS A DIOS JONATHAN
Estaba indeciso sobre habilitar HTTP/2 en mi sitio, pero este artículo me convenció de intentarlo. La explicación de los beneficios fue clara y concisa, y los pasos para habilitarlo fueron fáciles de seguir. ¡Gracias!
Jiří Vaněk
Gracias por la guía. Tengo mi propio servidor y, como recién llegado, tuve que hacerlo todo yo mismo. Muchas cosas eran nuevas para mí, como HTTP/1 y HTTP/2, crear certificados SSL usando Certbot, y mucho más. Debo decir que estas y muchas otras guías me ayudaron, especialmente al principio, a configurar el servidor correctamente y hacer que todo funcionara como debería.
Soporte de WPBeginner
Happy to hear our guide was one of the ones to help you
Administrador
Ralph
Usé el sitio web http2 y dice: “Este servidor soporta http/2” tal como en tu pantalla en la guía.
Pero no entiendo. ¿Significa que ya está en http2? ¿O solo está listo y debería hacer algo para habilitar http2?
Soporte de WPBeginner
Probablemente lo esté, pero si quisieras estar extra seguro, usarías el otro método para confirmar que estás usando HTTP/2
Administrador