Early Hints

Early Hints es un estándar web que puedes implementar para mejorar los tiempos de carga de las páginas hasta en un 30%. Esta norma web define un nuevo código de estado HTTP: 103 Early Hints.

Cuando la función Early Hints está activada, y un visitante carga tu sitio en un navegador compatible, se envían respuestas 103 al navegador (antes de las respuestas 200) con información sobre activos enlazados que pueden aparecer en la respuesta final del servidor. Con esta información, el navegador puede empezar a preparar la página antes de recibir la respuesta 200 OK del servidor. Esto permite al navegador preparar más eficazmente la página para cargarla mientras el servidor está «pensando»

El mecanismo Early Hints se puede usar con cualquier tipo de encabezado Link o recurso hint, como preload y preconnect. Ayuda a mejorar el rendimiento de las páginas web permitiendo que los navegadores empiecen a descargar o preparar recursos antes de recibir la respuesta final.

Como parte de la integración de Kinsta con Cloudflare, Early Hints se puede habilitar para tu sitio de WordPress en MyKinsta, siempre que uses un dominio personalizado. No se puede usar Early Hints con un dominio temporal kinsta.cloud.

Configura Early Hints en tu sitio de WordPress

Early Hints está diseñado para mejorar las ventajas de rendimiento de las sugerencias de recursos como preload y preconnect enviando estas directivas al navegador antes de que la respuesta final del servidor esté lista. Esto permite que el navegador comience a cargar o conectarse a recursos críticos antes, mejorando los tiempos de carga de la página y la experiencia del usuario.

  • Preload: La directiva preload le indica al navegador que recupere los recursos importantes (por ejemplo, CSS, JavaScript, fuentes) lo antes posible. Cuando se utiliza con Early Hints, estas instrucciones preload se envían inmediatamente después de la solicitud inicial, lo que permite al navegador comenzar a descargar activos críticos incluso antes de recibir la respuesta completa. Esto reduce el tiempo de bloqueo de la renderización y mejora el rendimiento percibido y real.
  • Preconnect: La directiva preconnect inicia conexiones tempranas a dominios de terceros importantes (como servicios de analítica, CDNs o APIs). Early Hints envía estas señales preconnect por adelantado, lo que permite al navegador realizar búsquedas DNS, protocolos de enlace TCP (TCP handshakes) y negociaciones TLS con antelación. Esto reduce la latencia de la conexión y acelera la carga de recursos desde orígenes externos.

Para aprovechar Early Hints, primero debes configurar preload y preconnect correctamente añadiendo los encabezados Link: adecuados a los activos deseados en tu sitio de WordPress. Esto se puede hacer utilizando plugins de optimización como:

Estas herramientas te permiten definir y gestionar fácilmente los encabezados preload y preconnect sin tener que editar el código manualmente.

Notas Importantes

  1. Tu sitio necesitará tener el Link: cabecera de respuesta con el tipo relpreload o preconnect para indicar los recursos que quieres incluir en la respuesta de Early Hints. Puedes utilizar un plugin de WordPress para añadir encabezados preload o preconnect a tus activos en WordPress.
  2. El código de estado 103 Early Hints es compatible con las últimas versiones de Chrome, Edge, Safari y Firefox. Si un navegador no admite Early Hints y recibe un encabezado 103, no pasa nada: simplemente lo ignorará.
  3. Si tu sitio tiene más de 20 dominios, activar Early Hints puede tardar como mínimo 5 minutos, dependiendo del número total de dominios.
  4. No puedes usar Early Hints con un dominio temporal kinsta.cloud.

Activar Early Hints en Cloudflare

Dentro de tu cuenta de Cloudflare, selecciona tu dominio y haz clic en Velocidad > Optimización > Optimización de Contenido y activa Early Hints.

Activar Early Hints en Cloudflare
Activar Early Hints en Cloudflare

Activar Early Hints en MyKinsta

  1. Para activar Early Hints, inicia sesión en MyKinsta y ve a Sitios WordPress > nombre del sitio > Herramientas.
  2. En Early Hints, haz clic en el botón Activar.
Activar Early Hints en MyKinsta
Activar Early Hints en MyKinsta

Aparecerá una notificación en la esquina superior derecha indicando que Early Hints está activado.

Prueba de Early Hints

Para confirmar que Early Hints está funcionando, inspecciona las cabeceras HTTP de una página de tu sitio y busca cualquier Link: cabecera con el tipo rel de preload o preconnect que hayas añadido. Para inspeccionar las cabeceras HTTP de tu sitio, puedes utilizar cualquiera de las siguientes opciones:

  • Nuestro comprobador gratuito de estado HTTP y redirecciones.
  • Las herramientas de desarrollo integradas en tu navegador web.
  • El comando curl en Terminal (línea de comandos), sustituyendo la URL al final de este ejemplo por la URL de la página que quieres comprobar:
curl -L -s -o /dev/null -D - https://kinstaexample.com

Desactivar Early Hints

  1. Para desactivar Early Hints, entra en MyKinsta y ve a Sitios WordPress > nombre del sitio > Herramientas.
  2. En Early Hints, haz clic en el botón Desactivar.
Desactiva Early Hints en MyKinsta.
Desactiva Early Hints en MyKinsta.

En la esquina superior derecha aparecerá una notificación indicando que Early Hints está desactivado.

¿Este artículo te ha resultado útil?

2013 - 2025 Kinsta Inc. Todos los derechos reservados. Kinsta®, MyKinsta® y DevKinsta® son marcas registradas propiedad de Kinsta Inc.La marca registrada WordPress® es propiedad intelectual de la Fundación WordPress, y las marcas registradas Woo® y WooCommerce® son propiedad intelectual de WooCommerce, Inc. El uso de los nombres WordPress®, Woo® y WooCommerce® en este sitio web sólo tiene fines identificativos y no implica la aprobación por parte de la Fundación WordPress o WooCommerce, Inc. Kinsta no está avalada ni es propiedad ni está afiliada a la Fundación WordPress ni a WooCommerce, Inc. Aviso legal