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 Web de précharger et de prérendre la plupart des pages consultées.

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

  • Examinez les spéculations, leurs règles et leurs états dans Application > Services en arrière-plan > Charges spéculatives.
  • Passez d'un rendu à un autre à l'aide du menu déroulant de la barre d'action en haut de l'écran, puis inspectez les rendus à l'aide de tous les panneaux DevTools.
  • État du prérendu de la trace en direct.

Comment savoir où l'utilisateur cliquera ensuite ? Pour vous aider à maximiser le potentiel des chargements spéculatifs, Chrome 121 peut désormais récupérer tous les liens du document plutôt qu'une liste fixe, mais uniquement pour prérendre 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 sur les événements de survol ou de clic gauche. Ces événements donnent un petit avantage au chargement spéculatif des pages avant la navigation. Découvrez cette fonctionnalité dans cette démonstration.

Pour en savoir plus, consultez les pages suivantes :