{"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\/it\/blog\/novosti-interneta\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","title":{"rendered":"Risultati dell'ottimizzazione di Chromium realizzati dal progetto RenderingNG","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"
Gli sviluppatori di Chromium hanno presentato i primi risultati del progetto RenderingNG, avviato 8 anni fa, volto a migliorare continuamente le prestazioni, l'affidabilit\u00e0 e l'espandibilit\u00e0 di Chrome. <\/p>\n
Ad esempio, le ottimizzazioni introdotte nella versione Chrome 94 rispetto a Chrome 93 hanno consentito di ridurre le latenze nel caricamento delle pagine dell'8% e di aumentare del 0,5% la durata della batteria. Considerando le dimensioni della base utenti di Chrome, questi risultati si traducono in un risparmio globale di oltre 1400 anni di tempo di elaborazione ogni giorno. Rispetto alle versioni degli anni passati, il Chrome moderno disegna la grafica pi\u00f9 di 150% pi\u00f9 rapidamente ed \u00e8 6 volte meno soggetto a crash dei driver GPU su hardware problematico. <\/p>\n
Tra i metodi implementati per aumentare le prestazioni, si segnala la parallelizzazione delle operazioni di rasterizzazione dei diversi pixel sul lato GPU e una suddivisione pi\u00f9 attiva dei processori su diversi core della CPU (esecuzione di JavaScript, gestione dello scrolling della pagina, decodifica di video e immagini, pre-rendering del contenuto). Un fattore limitante della parallelizzazione \u00e8 l'aumento del carico sulla CPU, che si traduce in un innalzamento della temperatura e in un maggiore consumo energetico, pertanto \u00e8 importante raggiungere un equilibrio ottimale tra prestazioni e consumo energetico. Ad esempio, durante l'uso della batteria, si pu\u00f2 sacrificare la velocit\u00e0 di rendering, ma non si pu\u00f2 compromettere la gestione dello scrolling in un thread separato, poich\u00e9 la diminuzione della reattivit\u00e0 dell'interfaccia diventa evidente per l'utente. <\/p>\n
Le tecnologie implementate nel progetto RenderingNG rivoluzionano l'approccio al compositing, consentendo di utilizzare in modo adattivo diverse tecnologie di ottimizzazione per i calcoli su GPU e CPU in relazione a specifiche parti delle pagine. Questo tiene conto di aspetti quali la risoluzione e la frequenza di aggiornamento dello schermo, nonch\u00e9 della presenza nel sistema di supporto per avanzate API grafiche come Vulkan, D3D12 e Metal. Tra gli esempi di ottimizzazioni si evidenziano l'uso attivo della memorizzazione nella cache delle texture GPU e dei risultati di rendering delle parti delle pagine web, oltre al rendering limitato solo alle aree visibili all'utente (non ha senso eseguire il rendering di parti della pagina coperte da altri contenuti). <\/p>\n
Un elemento fondamentale di RenderingNG \u00e8 l'isolamento delle prestazioni durante l'elaborazione di diverse parti delle pagine, ad esempio, per isolare i calcoli legati alla visualizzazione di pubblicit\u00e0 in blocchi iframe, visualizzazione di animazioni, riproduzione di audio e video, scorrimento dei contenuti e esecuzione di JavaScript.
<\/center> <\/p>\n
Tecniche di ottimizzazione implementate: <\/p>\n
\n
In Chrome 94, the CompositeAfterPaint mechanism was introduced, which provides compositing for separately rendered parts of web pages and allows for dynamic scaling of GPU load. According to user data collected through telemetry, the new compositing system has reduced scrolling latencies by 8%, improved user interaction responsiveness by 3%, increased rendering speed by 3%, reduced GPU memory consumption by 3%, and extended battery life by 0.5%.\n
GPU Raster \u2014 il meccanismo di rasterizzazione sul lato GPU, \u00e8 stato introdotto per tutte le piattaforme nel 2020, consentendo di accelerare l'esecuzione dei test MotionMark in media del 37%, e delle categorie legate a HTML del 150%. Quest'anno, GPU Raster \u00e8 stato potenziato con la possibilit\u00e0 di utilizzare l'accelerazione sul lato GPU per il rendering degli elementi Canvas, portando a un'accelerazione del rendering dei contorni del 1000% e ai risultati nei test MotionMark 1.2 del 130%.\n
LayoutNG \u2014 una completa revisione degli algoritmi di disposizione degli elementi delle pagine, mirata a migliorare l'affidabilit\u00e0 e la prevedibilit\u00e0. Il progetto \u00e8 previsto per il rilascio agli utenti quest'anno.\n
BlinkNG \u2014 rifattorizzazione e pulizia del motore Blink, con separazione delle operazioni di rendering in fasi eseguite separatamente, per aumentare l'efficacia della memorizzazione nella cache e semplificare il rendering differito tenendo conto della visibilit\u00e0 degli oggetti nella finestra. Il lavoro \u00e8 previsto per il completamento quest'anno.\n
Separation into distinct threads for scroll handling, animation, and image decoding. The project has been evolving since 2011 and this year achieved the ability to offload animated CSS transformations and SVG animations into separate threads.\n
VideoNG \u2014 un motore efficace e affidabile per la riproduzione di video sulle pagine web. Quest'anno \u00e8 stata implementata la possibilit\u00e0 di visualizzare contenuti protetti con risoluzione 4K. In precedenza, \u00e8 stato aggiunto il supporto per HDR.\n
Viz — processi separati per rasterizzazione (OOP-R — Out-of-process Raster) e rendering (OOP-D — Out of process display compositor), che separano il rendering dell'interfaccia del browser dal rendering del contenuto delle pagine. Il progetto sta anche sviluppando il processo SkiaRenderer, che utilizza API grafiche specifiche per diverse piattaforme (Vulkan, D3D12, Metal). Questa modifica ha permesso di ridurre di sei volte il numero di crash dovuti a problemi nei driver grafici. <\/ul>\n
![\"Risultati](\"\/wp-content\/uploads\/2021\/10\/494e5178556944a3a47f3f717488127c.jpg\")
<\/center> <\/p>\n