{"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\/hu\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","title":{"rendered":"A Chromium optimaliz\u00e1l\u00e1s\u00e1nak eredm\u00e9nyei, amelyeket a RenderingNG projekt val\u00f3s\u00edtott meg","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"
A Chromium fejleszt\u0151i \u00f6sszefoglalt\u00e1k az 8 \u00e9ve ind\u00edtott RenderingNG projekt els\u0151 eredm\u00e9nyeit, amelynek c\u00e9lja a Chrome teljes\u00edtm\u00e9ny\u00e9nek, megb\u00edzhat\u00f3s\u00e1g\u00e1nak \u00e9s sk\u00e1l\u00e1zhat\u00f3s\u00e1g\u00e1nak folyamatos n\u00f6vel\u00e9se. <\/p>\n
P\u00e9ld\u00e1ul a Chrome 94 kiad\u00e1s\u00e1ban bevezetett optimaliz\u00e1l\u00e1sok a Chrome 93-hoz k\u00e9pest 8%-kal cs\u00f6kkentett\u00e9k az oldalak feldolgoz\u00e1si k\u00e9sleltet\u00e9s\u00e9t, \u00e9s 0,5%-kal n\u00f6velt\u00e9k az akkumul\u00e1tor \u00fczemidej\u00e9t. A Chrome felhaszn\u00e1l\u00f3i b\u00e1zis\u00e1nak m\u00e9ret\u00e9t figyelembe v\u00e9ve ez a mutat\u00f3 glob\u00e1lisan napi t\u00f6bb mint 1400 \u00e9vnyi processzori id\u0151 megtakar\u00edt\u00e1s\u00e1ban nyilv\u00e1nul meg. A kor\u00e1bbi \u00e9vek verzi\u00f3ihoz k\u00e9pest a modern Chrome t\u00f6bb mint 150%-kal gyorsabban rendereli a grafik\u00e1t, \u00e9s 6-szor kev\u00e9sb\u00e9 hajlamos a GPU-illeszt\u0151programok \u00f6sszeoml\u00e1s\u00e1ra probl\u00e9m\u00e1s hardvereken. <\/p>\n
A megval\u00f3s\u00edtott m\u00f3dszerek k\u00f6z\u00fcl, amelyek lehet\u0151v\u00e9 tett\u00e9k a teljes\u00edtm\u00e9ny n\u00f6vel\u00e9s\u00e9t, kiemelhet\u0151 a k\u00fcl\u00f6nb\u00f6z\u0151 pixelek raszteriz\u00e1l\u00e1si m\u0171veleteinek p\u00e1rhuzamos\u00edt\u00e1sa a GPU-n, valamint a feldolgoz\u00f3k akt\u00edvabb eloszt\u00e1sa a k\u00fcl\u00f6nb\u00f6z\u0151 CPU-yt\u00e1sz\u00e1rok k\u00f6z\u00f6tt (JavaScript v\u00e9grehajt\u00e1sa, az oldalak g\u00f6rget\u00e9s\u00e9nek feldolgoz\u00e1sa, vide\u00f3k \u00e9s k\u00e9pek dek\u00f3dol\u00e1sa, a tartalom el\u0151zetes renderel\u00e9se). A p\u00e1rhuzamos\u00edt\u00e1s akt\u00edv alkalmaz\u00e1s\u00e1nak korl\u00e1tja a CPU terhel\u00e9s\u00e9nek n\u00f6veked\u00e9se, amely a h\u0151m\u00e9rs\u00e9klet emelked\u00e9s\u00e9ben \u00e9s az energiafogyaszt\u00e1s n\u00f6veked\u00e9s\u00e9ben t\u00fckr\u00f6z\u0151dik. Ez\u00e9rt fontos, hogy optim\u00e1lis egyens\u00falyt \u00e9rj\u00fcnk el a teljes\u00edtm\u00e9ny \u00e9s az energiafogyaszt\u00e1s k\u00f6z\u00f6tt. P\u00e9ld\u00e1ul akkumul\u00e1torr\u00f3l m\u0171k\u00f6dve fel\u00e1ldozhatjuk a renderel\u00e9si sebess\u00e9get, de nem \u00e1ldozhatjuk fel a g\u00f6rget\u00e9s k\u00fcl\u00f6n sz\u00e1lon val\u00f3 feldolgoz\u00e1s\u00e1t, mivel a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra \u00e9szlelhet\u0151v\u00e9 v\u00e1lik az interf\u00e9sz reakci\u00f3idej\u00e9nek cs\u00f6kken\u00e9se. <\/p>\n
A RenderingNG projekt keret\u00e9ben megval\u00f3s\u00edtott technol\u00f3gi\u00e1k teljesen megv\u00e1ltoztatj\u00e1k a kompoz\u00edci\u00f3hoz val\u00f3 hozz\u00e1\u00e1ll\u00e1st, \u00e9s lehet\u0151v\u00e9 teszik, hogy dinamikusan alkalmazzunk k\u00fcl\u00f6nb\u00f6z\u0151 optimaliz\u00e1l\u00f3 technol\u00f3gi\u00e1kat GPU-n \u00e9s CPU-n bel\u00fcl az egyes oldalelemekhez igaz\u00edtva, figyelembe v\u00e9ve olyan saj\u00e1toss\u00e1gokat, mint a felbont\u00e1s \u00e9s a friss\u00edt\u00e9si gyakoris\u00e1g, valamint a rendszer t\u00e1mogat\u00e1sa az el\u0151rehaladott grafikai API-k, mint a Vulkan, D3D12 \u00e9s Metal eset\u00e9ben. Az optimaliz\u00e1ci\u00f3k p\u00e9ld\u00e1i k\u00f6z\u00f6tt szerepel a GPU text\u00farak\u00e9szletez\u00e9s\u00e9nek \u00e9s az egyes weboldalr\u00e9szek renderel\u00e9si eredm\u00e9nyeinek akt\u00edv haszn\u00e1lata, valamint a renderel\u00e9s sor\u00e1n csak a felhaszn\u00e1l\u00f3 \u00e1ltal l\u00e1that\u00f3 oldalr\u00e9szek figyelembe v\u00e9tele (nincs \u00e9rtelme olyan r\u00e9szek renderel\u00e9s\u00e9nek, amelyeket m\u00e1s tartalom takar el). <\/p>\n
A RenderingNG fontos eleme a teljes\u00edtm\u00e9ny elszigetel\u00e9se, amikor az oldal k\u00fcl\u00f6nb\u00f6z\u0151 r\u00e9szeit dolgozzuk fel, p\u00e9ld\u00e1ul a hirdet\u00e9si sz\u00e1m\u00edt\u00e1ssal kapcsolatos m\u0171veletek, az iframe blokkokban, az anim\u00e1ci\u00f3k megjelen\u00edt\u00e9se, a hang- \u00e9s videolej\u00e1tsz\u00e1s, a tartalom g\u00f6rget\u00e9se \u00e9s a JavaScript futtat\u00e1sa ter\u00e9n.
A Chrome 94-ben bemutatott CompositeAfterPaint mechanizmus biztos\u00edtja a weboldal k\u00fcl\u00f6n-k\u00fcl\u00f6n kirajzolt r\u00e9szeinek kompozit\u00e1l\u00e1s\u00e1t, lehet\u0151v\u00e9 t\u00e9ve a GPU terhel\u00e9s\u00e9nek dinamikus sk\u00e1l\u00e1z\u00e1s\u00e1t. A felhaszn\u00e1l\u00f3i telemetria szerint az \u00faj kompozit\u00e1l\u00e1si rendszer alkalmaz\u00e1sa 8%-kal cs\u00f6kkentette a g\u00f6rget\u00e9si k\u00e9sleltet\u00e9st, 3%-kal n\u00f6velte a felhaszn\u00e1l\u00f3i interakci\u00f3k reakci\u00f3idej\u00e9t, 3%-kal gyors\u00edtotta a kirajzol\u00e1st, 3%-kal cs\u00f6kkentette a GPU mem\u00f3riafogyaszt\u00e1s\u00e1t \u00e9s 0,5%-kal meghosszabb\u00edtotta az akkumul\u00e1tor \u00fczemidej\u00e9t.\n
GPU Raster \u2014 a GPU-side rasterization mechanism, was implemented for all platforms in 2020 and allowed for a 37% average improvement in MotionMark test performance, and 150% for categories related to HTML. This year, GPU Raster was enhanced to enable GPU acceleration for rendering Canvas elements, leading to a 1000% speedup in outline rendering, and a 130% increase in MotionMark 1.2 test performance.\n
LayoutNG \u2014 a complete redesign of page element layout algorithms aimed at improving reliability and predictability. The project is expected to be delivered to users this year.\n
BlinkNG \u2014 a refactoring and cleanup of the Blink engine with the separation of rendering operations into distinct phases to enhance caching efficiency and simplify deferred rendering considering object visibility in the window. The work is planned to be completed this year.\n
A g\u00f6rget\u00e9s, anim\u00e1ci\u00f3 \u00e9s k\u00e9pk\u00f3dol\u00e1s kezel\u0151inek k\u00fcl\u00f6n sz\u00e1lakba t\u00f6rt\u00e9n\u0151 kiemel\u00e9se. A projekt 2011 \u00f3ta fejl\u0151dik, \u00e9s id\u00e9n el\u00e9rte, hogy az anim\u00e1lt CSS-transzform\u00e1ci\u00f3k \u00e9s SVG anim\u00e1ci\u00f3k k\u00fcl\u00f6n sz\u00e1lakban fussanak.\n
VideoNG \u2014 an efficient and reliable engine for video playback on web pages. This year, the capability to display protected content in 4K resolution has been implemented. Support for HDR was added earlier.\n
Viz \u2014 separate processes for rasterization (OOP-R \u2014 Out-of-process Raster) and rendering (OOP-D \u2014 Out of process display compositor), separating browser interface rendering from page content rendering. The project also develops the SkiaRenderer process, utilizing platform-specific graphics APIs (Vulkan, D3D12, Metal). This change has reduced crashes due to graphics driver issues by six times. <\/ul>\n
![\"A](\"\/wp-content\/uploads\/2021\/10\/494e5178556944a3a47f3f717488127c.jpg\")
<\/center> <\/p>\n