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.