Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Qu'est-ce que l'API User Timing ?
Rendre votre application Web rapide et réactive est cruciale pour une bonne expérience utilisateur.
Pour améliorer les performances, la première étape consiste à identifier les ressources à consacrer au temps passé.
L'API User Timing permet de mesurer les performances JavaScript de votre application.
Pour ce faire, vous devez insérer des appels d'API dans le code JavaScript, puis extraire des données temporelles détaillées que vous pouvez utiliser pour optimiser votre code.
Vous pouvez accéder à ces données à partir de JavaScript à l'aide de l'API ou en les affichant sur les enregistrements de la chronologie des outils pour les développeurs Chrome.
Comment Lighthouse génère-t-il des rapports sur le temps utilisateur ?
Lorsque votre application utilise l'API User Timing pour ajouter des marques (c'est-à-dire des horodatages) et des mesures (c'est-à-dire des mesures du temps écoulé entre les marques), elles apparaissent dans votre rapport Lighthouse:
Cet audit n'est pas structuré comme un test de réussite ou d'échec.
Il s'agit simplement de l'occasion de découvrir une API utile qui peut vous aider à mesurer les performances de votre application.
Conseils spécifiques à la pile
React
Utilisez React DevTools Profiler, qui exploite l'API Profiler, pour mesurer les performances de rendu de vos composants.
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 2019/05/02 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2019/05/02\u00a0(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 2019/05/02 (UTC)."]]