{"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\/ro\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","title":{"rendered":"Rezultatele optimiz\u0103rilor Chromium, implementate de proiectul RenderingNG","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"
Dezvoltatorii Chromium au prezentat primele rezultate ale proiectului RenderingNG, lansat acum 8 ani, care \u00ee\u0219i propune s\u0103 \u00eembun\u0103t\u0103\u021beasc\u0103 constant performan\u021ba, fiabilitatea \u0219i scalabilitatea Chrome. <\/p>\n
De exemplu, optimiz\u0103rile incluse \u00een versiunea Chrome 94, comparativ cu Chrome 93, au permis reducerea \u00eent\u00e2rzierilor de procesare a paginilor cu 8% \u0219i o cre\u0219tere de 0,5% a timpului de func\u021bionare pe baterie. Av\u00e2nd \u00een vedere dimensiunea bazei de utilizatori Chrome, aceste date se traduc la nivel global \u00eentr-o economie de peste 1400 de ani de timp procesor zilnic. Comparativ cu versiunile anilor trecu\u021bi, Chrome-ul modern red\u0103 grafic\u0103 de peste 150% mai rapid \u0219i este cu 6 ori mai pu\u021bin predispus la crize \u00een driverele GPU pe echipamente problematice. <\/p>\n
Printre metodele implementate pentru a ob\u021bine un c\u00e2\u0219tig de performan\u021b\u0103 se num\u0103r\u0103 paralelizarea opera\u021biunilor de rasterizare a pixelilor pe GPU \u0219i distribuirea mai activ\u0103 a procesorilor pe diferite nuclee CPU (executarea JavaScript, procesarea derul\u0103rii paginii, decodificarea videoclipurilor \u0219i imaginilor, previzualizarea con\u021binutului). Un factor limitativ \u00een paralelizarea activ\u0103 este cre\u0219terea \u00eenc\u0103rc\u0103rii CPU, care se reflect\u0103 \u00een cre\u0219terea temperaturii \u0219i consumului de energie, a\u0219a c\u0103 este important s\u0103 se ob\u021bin\u0103 un echilibru optim \u00eentre performan\u021b\u0103 \u0219i consumul de energie. De exemplu, c\u00e2nd func\u021bioneaz\u0103 pe baterie, se poate sacrifica viteza de redare, dar nu \u0219i procesarea derul\u0103rii \u00eentr-un fir separat, deoarece sc\u0103derea receptivit\u0103\u021bii interfe\u021bei va fi perceptibil\u0103 pentru utilizator. <\/p>\n
Tehnologiile implementate \u00een cadrul proiectului RenderingNG schimb\u0103 complet abordarea compozit\u0103rii \u0219i permit utilizarea adaptiv\u0103 a diferitelor tehnologii de optimizare a calculului pe GPU \u0219i CPU \u00een leg\u0103tur\u0103 cu p\u0103r\u021bile individuale ale paginilor, av\u00e2nd \u00een vedere tr\u0103s\u0103turi precum rezolu\u021bia \u0219i frecven\u021ba de actualizare a ecranului, precum \u0219i disponibilitatea suportului pentru API-uri grafice avansate, precum Vulkan, D3D12 \u0219i Metal. Exemple de optimiz\u0103ri includ utilizarea activ\u0103 a caching-ului texturilor GPU \u0219i a rezultatelor de redare a p\u0103r\u021bilor paginilor web, precum \u0219i faptul c\u0103 la redare este luat\u0103 \u00een considerare doar zona paginii vizibil\u0103 pentru utilizator (nu are sens s\u0103 se efectueze redarea p\u0103r\u021bilor paginii acoperite de alte con\u021binuturi). <\/p>\n
Un element important al RenderingNG este \u0219i izolarea performan\u021bei \u00een procesarea diferitelor p\u0103r\u021bi ale paginilor, de exemplu, pentru a izola calculele legate de afi\u0219area publicit\u0103\u021bii \u00een blocuri iframe, redarea anima\u021biilor, sunetului \u0219i videoclipurilor, derularea con\u021binutului \u0219i executarea JavaScript.
<\/center> <\/p>\n
Tehnici de optimizare implementate: <\/p>\n
\n
\u00cen Chrome 94, a fost propus un mecanism CompositeAfterPaint, care asigur\u0103 compunerea p\u0103r\u021bilor de pagini web redimensionate separat \u0219i permite scalarea dinamic\u0103 a sarcinii pe GPU. Conform datelor ob\u021binute de la utilizatori prin telemetrie, aplicarea noului sistem de compunere a redus \u00eent\u00e2rzierile la derulare cu 8%, a crescut reac\u021bia interac\u021biunii utilizatorului cu 3%, a \u00eembun\u0103t\u0103\u021bit viteza de redare cu 3%, a sc\u0103zut consumul de memorie GPU cu 3% \u0219i a prelungit durata de via\u021b\u0103 a bateriei cu 0,5%.\n
Rasterizarea GPU \u2014 un mecanism de rasterizare pe partea GPU, a fost implementat pentru toate platformele \u00een 2020 \u0219i a permis accelerarea timpului de testare MotionMark cu o medie de 37%, iar categoriile legate de HTML cu 150%. Anul acesta, Rasterizarea GPU a fost \u00eembun\u0103t\u0103\u021bit\u0103 cu posibilitatea de a utiliza accelera\u021bia pe partea GPU pentru redarea elementelor Canvas, ceea ce a dus la o accelerare a red\u0103rii contururilor cu 1000%, iar a testelor MotionMark 1.2 cu 130%.\n
LayoutNG \u2014 o revizuire complet\u0103 a algoritmilor de a\u0219ezare a elementelor paginilor, av\u00e2nd ca scop \u00eembun\u0103t\u0103\u021birea fiabilit\u0103\u021bii \u0219i previzibilit\u0103\u021bii. Proiectul este planificat s\u0103 fie finalizat anul acesta.\n
BlinkNG \u2014 refactorizarea \u0219i cur\u0103\u021barea motorului Blink prin separarea opera\u021biunilor de redare \u00een faze executate separat pentru a \u00eembun\u0103t\u0103\u021bi eficien\u021ba cache-ului \u0219i a simplifica redarea am\u00e2nat\u0103, av\u00e2nd \u00een vedere vizibilitatea obiectelor \u00een fereastr\u0103. Lucr\u0103rile sunt planificate s\u0103 fie finalizate anul acesta.\n
Separarea \u00een fire distincte a manipulatoarelor de derulare, anima\u021bie \u0219i decodare a imaginilor. Proiectul este \u00een dezvoltare din 2011 \u0219i \u00een acest an a atins capacitatea de a separa \u00een fire distincte transform\u0103rile CSS animate \u0219i anima\u021bia SVG.\n
VideoNG \u2014 un motor eficient \u0219i fiabil pentru redarea video pe paginile web. Anul acesta a fost implementat\u0103 posibilitatea de a afi\u0219a con\u021binut protejat cu rezolu\u021bie 4K. Anterior, a fost ad\u0103ugat\u0103 suportul pentru HDR.\n
Viz \u2014 procese separate pentru rasterizare (OOP-R \u2014 Rasterizare \u00een afara procesului) \u0219i redare (OOP-D \u2014 compositor de redare \u00een afara procesului), care separ\u0103 redarea interfe\u021bei browserului de redarea con\u021binutului paginilor. Proiectul dezvolt\u0103 de asemenea procesul SkiaRenderer, care utilizeaz\u0103 API-uri grafice specifice pentru diferite platforme (Vulkan, D3D12, Metal). Aceast\u0103 modificare a permis reducerea num\u0103rului de bloc\u0103ri din cauza problemelor cu driverele grafice la o \u0219esime din valoarea ini\u021bial\u0103. <\/ul>\n
![\"Rezultatele](\"\/wp-content\/uploads\/2021\/10\/494e5178556944a3a47f3f717488127c.jpg\")
<\/center> <\/p>\n