Optimiser le chemin critique du rendu
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Pour que le premier affichage soit effectué le plus rapidement possible, nous devons minimiser au minimum trois variables:
- Nombre de ressources critiques.
- Longueur du chemin critique.
- Nombre d'octets critiques.
Une ressource critique est une ressource susceptible de bloquer l'affichage initial de la page. Moins il y a de ressources, moins il y a de travail pour le navigateur, le processeur et d'autres ressources.
De même, la longueur du chemin critique dépend du graphique de dépendance entre les ressources critiques et leur octet de temps: certains téléchargements de ressources ne peuvent être lancés qu'après le traitement d'une ressource précédente. Plus la ressource est importante, plus le nombre d'allers-retours nécessaires au téléchargement est important.
Enfin, moins le navigateur doit télécharger d'octets critiques, plus vite il peut traiter le contenu et l'afficher à l'écran. Pour réduire le nombre d'octets, nous pouvons réduire le nombre de ressources (les éliminer ou les rendre non critiques) et veiller à réduire la taille du transfert en compressant et en optimisant chaque ressource.
Voici la séquence générale d'étapes à suivre pour optimiser le chemin critique du rendu:
- Analysez et définissez votre chemin critique: nombre de ressources, octets et longueur.
- Réduisez le nombre de ressources critiques: éliminez-les, différez leur téléchargement, marquez-les comme asynchrones, etc.
- Optimisez le nombre d'octets critiques pour réduire la durée de téléchargement (nombre d'allers-retours).
- Optimisez l'ordre de chargement des ressources critiques restantes: téléchargez tous les éléments critiques le plus tôt possible pour réduire la longueur du chemin critique.
Commentaires
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 2014/03/31 (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 2014/03/31\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 2014/03/31 (UTC)."],[],[]]