{"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\/pt\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","title":{"rendered":"Resultados da otimiza\u00e7\u00e3o do Chromium, implementados pelo projeto RenderingNG","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"
Os desenvolvedores do Chromium apresentaram os primeiros resultados do projeto RenderingNG, lan\u00e7ado h\u00e1 8 anos, com o objetivo de realizar melhorias cont\u00ednuas na performance, confiabilidade e escalabilidade do Chrome. <\/p>\n
Por exemplo, as otimiza\u00e7\u00f5es adicionadas na vers\u00e3o do Chrome 94 em compara\u00e7\u00e3o com o Chrome 93 possibilitaram uma redu\u00e7\u00e3o de 8% na lat\u00eancia durante o processamento de p\u00e1ginas e um aumento de 0,5% na dura\u00e7\u00e3o da bateria. Considerando o tamanho da base de usu\u00e1rios do Chrome, esses n\u00fameros representam uma economia global de mais de 1400 anos de tempo de processamento por dia. Em compara\u00e7\u00e3o com as vers\u00f5es anteriores, o Chrome moderno renderiza gr\u00e1ficos mais de 150% mais r\u00e1pido e \u00e9 6 vezes menos propenso a falhas em drivers de GPU em hardware problem\u00e1tico. <\/p>\n
Entre os m\u00e9todos implementados que permitem ganhos de performance, destaca-se o paralelismo das opera\u00e7\u00f5es de rasteriza\u00e7\u00e3o de diferentes pixels no lado da GPU e uma distribui\u00e7\u00e3o mais ativa dos processadores entre diferentes n\u00facleos da CPU (execu\u00e7\u00e3o de JavaScript, processamento de rolagem de p\u00e1gina, decodifica\u00e7\u00e3o de v\u00eddeos e imagens, pr\u00e9-renderiza\u00e7\u00e3o de conte\u00fado). O aumento da carga na CPU \u00e9 um fator limitante durante o paralelismo ativo, refletindo-se no aumento da temperatura e no consumo de energia, por isso \u00e9 importante alcan\u00e7ar um equil\u00edbrio ideal entre desempenho e consumo de energia. Por exemplo, ao operar com bateria, pode-se sacrificar a velocidade de renderiza\u00e7\u00e3o, mas n\u00e3o se pode comprometer o processamento da rolagem em uma thread separada, pois a redu\u00e7\u00e3o da responsividade da interface se tornar\u00e1 evidente para o usu\u00e1rio. <\/p>\n
As tecnologias implementadas no projeto RenderingNG mudam completamente a abordagem da composi\u00e7\u00e3o e permitem o uso adaptativo de diferentes tecnologias de otimiza\u00e7\u00e3o de computa\u00e7\u00e3o em GPU e CPU relacionadas a partes espec\u00edficas das p\u00e1ginas, considerando caracter\u00edsticas como resolu\u00e7\u00e3o e taxa de atualiza\u00e7\u00e3o da tela, al\u00e9m do suporte do sistema para APIs gr\u00e1ficas avan\u00e7adas, como Vulkan, D3D12 e Metal. Exemplos de otimiza\u00e7\u00f5es incluem o uso ativo de cache de texturas GPU e resultados de renderiza\u00e7\u00e3o de partes de p\u00e1ginas da web, bem como a considera\u00e7\u00e3o apenas da \u00e1rea da p\u00e1gina vis\u00edvel ao usu\u00e1rio durante a renderiza\u00e7\u00e3o (n\u00e3o faz sentido renderizar partes da p\u00e1gina que est\u00e3o sobrepostas por outros conte\u00fados). <\/p>\n
Um elemento importante do RenderingNG \u00e9 a isola\u00e7\u00e3o de desempenho na manipula\u00e7\u00e3o de diferentes partes das p\u00e1ginas, por exemplo, para isolar c\u00e1lculos relacionados \u00e0 exibi\u00e7\u00e3o de an\u00fancios em blocos iframe, anima\u00e7\u00f5es, reprodu\u00e7\u00e3o de som e v\u00eddeo, rolagem de conte\u00fado e execu\u00e7\u00e3o de JavaScript.
<\/center> <\/p>\n
T\u00e9cnicas de otimiza\u00e7\u00e3o implementadas: <\/p>\n
\n
No Chrome 94, foi proposto o mecanismo CompositeAfterPaint, que permite a composi\u00e7\u00e3o de partes de p\u00e1ginas da web renderizadas separadamente e possibilita a escalabilidade din\u00e2mica da carga na GPU. De acordo com dados coletados de usu\u00e1rios atrav\u00e9s de telemetria, a aplica\u00e7\u00e3o do novo sistema de composi\u00e7\u00e3o resultou em uma redu\u00e7\u00e3o de 8% na lat\u00eancia durante a rolagem, um aumento de 3% na responsividade da intera\u00e7\u00e3o com o usu\u00e1rio, uma melhoria de 3% na velocidade de renderiza\u00e7\u00e3o, uma diminui\u00e7\u00e3o de 3% no consumo de mem\u00f3ria da GPU e uma extens\u00e3o de 0,5% na dura\u00e7\u00e3o da bateria.\n
GPU Raster \u2014 um mecanismo de rasteriza\u00e7\u00e3o no lado da GPU, foi implementado para todas as plataformas em 2020 e permitiu acelerar a execu\u00e7\u00e3o dos testes MotionMark em m\u00e9dia em 37%, enquanto as categorias relacionadas ao HTML tiveram um aumento de 150%. Neste ano, o GPU Raster foi complementado com a capacidade de usar acelera\u00e7\u00e3o do lado da GPU para renderiza\u00e7\u00e3o de elementos Canvas, resultando em um aumento de 1000% na velocidade de renderiza\u00e7\u00e3o de contornos e uma melhoria de 130% nos testes MotionMark 1.2.\n
LayoutNG \u2014 uma reestrutura\u00e7\u00e3o completa dos algoritmos de layout de elementos de p\u00e1gina, visando aumentar a confiabilidade e previsibilidade. O projeto est\u00e1 previsto para ser entregue aos usu\u00e1rios ainda este ano.\n
BlinkNG \u2014 reestrutura\u00e7\u00e3o e limpeza do motor Blink, com a separa\u00e7\u00e3o das opera\u00e7\u00f5es de renderiza\u00e7\u00e3o em fases executadas separadamente, para aumentar a efici\u00eancia do cache e simplificar a renderiza\u00e7\u00e3o atrasada, levando em considera\u00e7\u00e3o a visibilidade dos objetos na janela. O trabalho deve ser conclu\u00eddo ainda este ano.\n
Separa\u00e7\u00e3o em threads distintas para manipuladores de rolagem, anima\u00e7\u00e3o e decodifica\u00e7\u00e3o de imagens. O projeto est\u00e1 em desenvolvimento desde 2011 e, este ano, atingiu a capacidade de isolar em threads distintas anima\u00e7\u00f5es CSS e anima\u00e7\u00f5es SVG.\n
VideoNG \u2014 um motor eficiente e confi\u00e1vel para reprodu\u00e7\u00e3o de v\u00eddeo em p\u00e1ginas da web. Neste ano, foi implementada a possibilidade de exibir conte\u00fado protegido com resolu\u00e7\u00e3o 4K. Anteriormente, foi adicionada a suporte para HDR.\n
Viz \u2014 processos separados para rasteriza\u00e7\u00e3o (OOP-R \u2014 Out-of-process Raster) e renderiza\u00e7\u00e3o (OOP-D \u2014 Out of process display compositor), que separam a renderiza\u00e7\u00e3o da interface do navegador da renderiza\u00e7\u00e3o do conte\u00fado das p\u00e1ginas. O projeto tamb\u00e9m desenvolve o processo SkiaRenderer, que utiliza APIs gr\u00e1ficas espec\u00edficas para diferentes plataformas (Vulkan, D3D12, Metal). Essa mudan\u00e7a possibilitou reduzir em 6 vezes o n\u00famero de falhas devido a problemas em drivers gr\u00e1ficos. <\/ul>\n
![\"Resultados](\"\/wp-content\/uploads\/2021\/10\/494e5178556944a3a47f3f717488127c.jpg\")
<\/center> <\/p>\n