Cela économiserait un appel réseau et une recompilation du CSSOM.
This would save a network call and a CSSOM recompilation.
Pour rendre les choses plus concrètes, observez l'arborescence CSSOM ci-dessus.
To make it more concrete, consider the CSSOM tree above.
Exécuter le CSSOM n'est pas la même chose que le rendu.
Executing the CSSOM is not the same thing as rendering.
Le composite est l'étape finale du CSSOM.
Composite is the final stage of CSSOM.
Pourquoi le CSSOM possède-t-il une structure arborescente ?
Why does the CSSOM have a tree structure?
Comment un navigateur crée-t-il le CSSOM et le rendering-tree ?
How does a browser create the CSSOM and rendering tree?
Qu'en est-il si le navigateur n'a pas terminé de télécharger et de construire CSSOM lorsque nous voulons exécuter le script ?
What if the browser hasn't finished downloading and building the CSSOM when we want to run our script?
Afin d'expliquer au navigateur que le script peut être chargé sans attendre la construction du CSSOM, vous devez ajouter l'attribut async au script.
In order to explain to the browser that the script can be loaded without waiting for the CSSOM to be built, you must add the async attribute to the script.
Notez également que l'arborescence ci-dessus n'est pas l'arborescence CSSOM complète et qu'elle ne montre que les styles que nous avons décidé de remplacer dans notre feuille de style.
Also, note that the above tree is not the complete CSSOM tree and only shows the styles we decided to override in our stylesheet.
La réponse est simple, mais pas très efficace pour la performance : le navigateur retardera l'exécution du script jusqu'à ce qu'il ait terminé de télécharger et de construire le CSSOM, et en attendant, la construction du DOM est également bloquée.
The answer is simple and not very good for performance: the browser delays script execution and DOM construction until it has finished downloading and constructing the CSSOM.
Lorsque le DOM et le CSSOM sont lus dans la même hiérarchie, le rendu est le processus qui consiste à joindre ces deux arbres de code du haut vers le bas dans la fenêtre d'affichage.
When the DOM and the CSSOM are read in the same hierarchy, rendering is the process of joining these two code-trees from the top down in the viewport.
Par conséquent, l'optimisation du code qui n'est pas inclus dans l'arbre de rendu mais qui apparaît dans le DOM et le CSSOM est utile pour la vitesse de la page.
Therefore, optimization of code that is not included in the rendering tree but that appears in the DOM and the CSSOM is useful for page speed.
Afin d'afficher du contenu, chaque navigateur doit effectuer les processus DOM et CSSOM avant de créer le rendering-tree pour créer une page web.
In order to display content, each browser must complete the DOM and CSSOM processes before creating the rendering-tree to create a web page.
