Conseils concernant les outils de développement: déboguer les navigations spéculatives pour accélérer le chargement des pages
bookmark_borderbookmark
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
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 :
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/02/01 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2024/02/01 (UTC)."],[],[]]