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 realice una carga previa y renderiza previamente la mayoría de las páginas a las que se navega.
Mira el video y esta demostración para aprender a hacer lo siguiente:
- Inspecciona especulaciones, sus reglas y estados en Aplicación > Servicios en segundo plano > Cargas especulativas.
- Alterna entre las renderizaciones en el menú desplegable de la barra de acciones en la parte superior y, luego, inspecciona las renderizaciones con todos los paneles de Herramientas para desarrolladores.
- 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 seleccionar todos los vínculos del documento en lugar de una lista fija, pero solo puede realizar la renderización previa 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 obtener información sobre cómo implementar y depurar reglas de documentos que activen renderizaciones previas cuando se produce un evento de desplazamiento del mouse. Estos eventos son una pequeña ventaja para comenzar a cargar páginas de manera especulativa antes de la navegación. Echa un vistazo a esta función en esta demostración.
Para obtener más información, consulta: