{"id":101565,"date":"2021-10-08T10:22:52","date_gmt":"2021-10-08T08:22:52","guid":{"rendered":"https:\/\/prohoster.info\/blog\/novosti-interneta\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng"},"modified":"2021-10-08T10:22:52","modified_gmt":"2021-10-08T08:22:52","slug":"rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","status":"publish","type":"post","link":"https:\/\/prohoster.info\/fr\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","title":{"rendered":"R\u00e9sultats de l'optimisation de Chromium r\u00e9alis\u00e9s par le projet RenderingNG","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"
Les d\u00e9veloppeurs de Chromium ont tir\u00e9 les premiers enseignements du projet RenderingNG, lanc\u00e9 il y a 8 ans, qui vise \u00e0 am\u00e9liorer en permanence les performances, la fiabilit\u00e9 et l'\u00e9volutivit\u00e9 de Chrome. <\/p>\n
Par exemple, les optimisations ajout\u00e9es dans la version Chrome 94 par rapport \u00e0 Chrome 93 ont permis de r\u00e9duire de 8 % les d\u00e9lais de traitement des pages et d'augmenter de 0,5 % l'autonomie de la batterie. \u00c9tant donn\u00e9 la taille de la base d'utilisateurs de Chrome, ces r\u00e9sultats se traduisent \u00e0 l'\u00e9chelle mondiale par une \u00e9conomie de plus de 1400 ann\u00e9es de temps processeur chaque jour. Compar\u00e9 aux versions des ann\u00e9es pr\u00e9c\u00e9dentes, Chrome moderne rend les graphiques plus de 150 % plus rapidement et est 6 fois moins sujet aux crashes des pilotes GPU sur du mat\u00e9riel probl\u00e9matique. <\/p>\n
Parmi les m\u00e9thodes mises en \u0153uvre pour am\u00e9liorer les performances, on note la parall\u00e9lisation des op\u00e9rations de rasterisation de diff\u00e9rents pixels du c\u00f4t\u00e9 GPU et la distribution plus active des t\u00e2ches sur diff\u00e9rents c\u0153urs CPU (ex\u00e9cution de JavaScript, gestion du d\u00e9filement des pages, d\u00e9codage vid\u00e9o et images, pr\u00e9-rendu du contenu). Un facteur limitant lors de la parall\u00e9lisation active est l'augmentation de la charge sur le CPU, qui se manifeste par une mont\u00e9e en temp\u00e9rature et une augmentation de la consommation d'\u00e9nergie. Il est donc crucial d'atteindre un \u00e9quilibre optimal entre performance et consommation d'\u00e9nergie. Par exemple, lorsqu'il fonctionne sur batterie, on peut sacrifier la vitesse de rendu, mais il ne faut pas sacrifier le traitement du d\u00e9filement dans un thread s\u00e9par\u00e9, car une diminution de la r\u00e9activit\u00e9 de l'interface sera perceptible par l'utilisateur. <\/p>\n
Les technologies mises en \u0153uvre dans le cadre du projet RenderingNG changent totalement l'approche du compositing et permettent d'utiliser de mani\u00e8re adaptative diff\u00e9rentes technologies d'optimisation des calculs sur GPU et CPU en fonction des parties sp\u00e9cifiques des pages, tenant compte de particularit\u00e9s telles que la r\u00e9solution et le taux de rafra\u00eechissement de l'\u00e9cran, ainsi que la pr\u00e9sence dans le syst\u00e8me de support d'API graphiques avanc\u00e9es comme Vulkan, D3D12 et Metal. Parmi les optimisations \u00e9voqu\u00e9es, on trouve l'utilisation active du caching des textures GPU et des r\u00e9sultats du rendu de parties de pages web, ainsi que la prise en compte lors du rendu uniquement des zones de la page visibles pour l'utilisateur (il n'est pas utile de rendre des parties de page recouvertes par d'autres contenus). <\/p>\n
Un \u00e9l\u00e9ment cl\u00e9 de RenderingNG est \u00e9galement l'isolation des performances lors du traitement de diff\u00e9rentes parties des pages, par exemple, pour l'isolation des calculs li\u00e9s aux publicit\u00e9s dans des blocs iframe, l'affichage d'animations, la lecture de son et de vid\u00e9o, le d\u00e9filement de contenu et l'ex\u00e9cution de JavaScript.
<\/center> <\/p>\n
Techniques d'optimisation mises en \u0153uvre : <\/p>\n
\n
Dans Chrome 94, un m\u00e9canisme CompositeAfterPaint a \u00e9t\u00e9 propos\u00e9, permettant le composition des parties dessin\u00e9es s\u00e9par\u00e9ment des pages web et permettant de moduler dynamiquement la charge sur le GPU. Selon les donn\u00e9es collect\u00e9es par les utilisateurs via la t\u00e9l\u00e9m\u00e9trie, l'application de ce nouveau syst\u00e8me de composition a permis de r\u00e9duire la latence lors du d\u00e9filement de 8 %, d'am\u00e9liorer la r\u00e9activit\u00e9 des interactions utilisateur de 3 %, d'acc\u00e9l\u00e9rer le rendu de 3 %, de r\u00e9duire la consommation de m\u00e9moire GPU de 3 % et d'augmenter l'autonomie de 0,5 %.\n
GPU Raster \u2014 un m\u00e9canisme de rasterisation c\u00f4t\u00e9 GPU, a \u00e9t\u00e9 introduit pour toutes les plateformes en 2020 et a permis d'acc\u00e9l\u00e9rer les tests MotionMark de 37 % en moyenne, et ceux li\u00e9s \u00e0 HTML de 150 %. Cette ann\u00e9e, GPU Raster a \u00e9t\u00e9 compl\u00e9t\u00e9 par la possibilit\u00e9 d'utiliser l'acc\u00e9l\u00e9ration c\u00f4t\u00e9 GPU pour le rendu des \u00e9l\u00e9ments Canvas, ce qui a permis d'acc\u00e9l\u00e9rer le rendu des contours de 1000 %, et le passage des tests MotionMark 1.2 de 130 %.\n
LayoutNG \u2014 une refonte compl\u00e8te des algorithmes de mise en page des \u00e9l\u00e9ments de page, visant \u00e0 am\u00e9liorer la fiabilit\u00e9 et la pr\u00e9visibilit\u00e9. Le projet devrait \u00eatre mis \u00e0 disposition des utilisateurs cette ann\u00e9e.\n
BlinkNG \u2014 refactoring et nettoyage du moteur Blink avec la s\u00e9paration des op\u00e9rations de rendu en phases ex\u00e9cut\u00e9es s\u00e9par\u00e9ment pour am\u00e9liorer l'efficacit\u00e9 du cache et simplifier le rendu diff\u00e9r\u00e9 en tenant compte de la visibilit\u00e9 des objets \u00e0 l'\u00e9cran. Le travail devrait \u00eatre achev\u00e9 cette ann\u00e9e.\n
D\u00e9tacher les gestionnaires de d\u00e9filement, d'animation et de d\u00e9codage d'images dans des threads distincts. Le projet est en d\u00e9veloppement depuis 2011 et a atteint cette ann\u00e9e la possibilit\u00e9 de d\u00e9tach\u00e9 les transformations CSS anim\u00e9es et l'animation SVG dans des threads s\u00e9par\u00e9s.\n
VideoNG \u2014 un moteur efficace et fiable pour reproduire des vid\u00e9os sur des pages web. Cette ann\u00e9e, la possibilit\u00e9 d'afficher du contenu prot\u00e9g\u00e9 avec une r\u00e9solution 4K a \u00e9t\u00e9 r\u00e9alis\u00e9e. Le support HDR a \u00e9t\u00e9 ajout\u00e9 pr\u00e9c\u00e9demment.\n
Viz \u2014 des processus distincts pour le rasterisation (OOP-R \u2014 Raster hors processus) et le rendu (OOP-D \u2014 Compositeur d'affichage hors processus), s\u00e9parant le rendu de l'interface du navigateur du rendu du contenu des pages. Le projet d\u00e9veloppe \u00e9galement le processus SkiaRenderer, utilisant des API graphiques sp\u00e9cifiques \u00e0 chaque plateforme (Vulkan, D3D12, Metal). Ce changement a permis de r\u00e9duire par six le nombre de crashs dus \u00e0 des probl\u00e8mes dans les pilotes graphiques. <\/ul>\n
![\"R\u00e9sultats](\"\/wp-content\/uploads\/2021\/10\/494e5178556944a3a47f3f717488127c.jpg\")
<\/center> <\/p>\n