Conseils concernant les outils de développement: déboguer les navigations spéculatives pour accélérer le chargement des pages

Sofia Emelianova
Sofia Emelianova

L'API Speculation Rules vous permet d'implémenter un chargement de page quasi instantané en fonction des règles de spéculation que vous définissez. Cela permet à votre site de précharger et de précharger les pages les plus visitées.

Regardez la vidéo et regardez cette démonstration pour découvrir comment:

  • Inspectez les spéculations, leurs règles et leurs états dans Application > Services d'arrière-plan > Chargements spéculatifs.
  • Passez d'un rendu à l'autre via le menu déroulant de la barre d'action en haut et inspectez les rendus à l'aide de tous les panneaux des outils de développement.
  • État du prérendu de la trace en temps réel.

Comment savoir où l'utilisateur cliquera ensuite ? Pour vous aider à maximiser le potentiel des chargements spéculatifs, Chrome 121 peut désormais détecter tous les liens du document plutôt qu'une liste fixe, mais uniquement lorsque l'utilisateur pointe sur un lien et est sur le point de cliquer dessus.

Regardez la dernière partie de la vidéo pour découvrir comment implémenter et déboguer des règles de document qui déclenchent des prérendus lors d'événements de survol ou de passage du curseur de la souris. Ces événements donnent une longueur d'avance au chargement spéculatif des pages avant la navigation. Découvrez cette fonctionnalité dans cette démonstration.

Pour en savoir plus, consultez :