La API de Speculation Rules te permite implementar una carga de página casi instantánea según las reglas de especulación que definas. Esto permite que tu sitio web precargue y renderice previamente la mayoría de las páginas a las que se navega.
Mira el video y consulta esta demostración para aprender a hacer lo siguiente:
- Inspecciona las especulaciones, sus reglas y estados en Aplicación > Servicios en segundo plano > Cargas especulativas.
- Cambia entre las renderizaciones a través del menú desplegable en la barra de acciones de la parte superior y, luego, inspecciona las renderizaciones con todos los paneles de DevTools.
- Estado de renderización previa del seguimiento en vivo.
¿Cómo puedes saber dónde hará clic el usuario a continuación? Para ayudarte a maximizar el potencial de las cargas especulativas, Chrome 121 ahora puede detectar todos los vínculos del documento en lugar de una lista fija, pero solo renderiza previamente cuando el usuario coloca el cursor sobre un vínculo y está a punto de hacer clic en él.
Mira la última parte del video para aprender a implementar y depurar reglas de documentos que activan renderizaciones previas en eventos de desplazamiento del mouse o de clic del mouse. Estos eventos proporcionan una pequeña ventaja para cargar páginas de forma especulativa antes de la navegación. Consulta esta función en esta demo.
Para obtener más información, consulte: