{"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\/de\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","title":{"rendered":"Die Optimierungsergebnisse von Chromium, die durch das RenderingNG-Projekt realisiert wurden","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"
Die Chromium-Entwickler haben erste Ergebnisse des vor 8 Jahren gestarteten Projekts RenderingNG vorgelegt, das darauf abzielt, die Leistung, Zuverl\u00e4ssigkeit und Skalierbarkeit von Chrome kontinuierlich zu verbessern. <\/p>\n
Zum Beispiel haben die im Chrome 94 ver\u00f6ffentlichten Optimierungen im Vergleich zu Chrome 93 die Ladeverz\u00f6gerungen um 8 % reduziert und die Akkulaufzeit um 0,5 % verl\u00e4ngert. Angesichts der Gr\u00f6\u00dfe der Chrome-Nutzerbasis bedeutet dies weltweit eine Einsparung von mehr als 1400 Jahren CPU-Zeit pro Tag. Im Vergleich zu den Versionen der vergangenen Jahre rendert das moderne Chrome Grafiken \u00fcber 150 % schneller und st\u00fcrzt bei problematischen Ger\u00e4ten in den GPU-Treibern sechs Mal seltener ab. <\/p>\n
Zu den umgesetzten Methoden, die zu Leistungssteigerungen f\u00fchren, geh\u00f6rt die Parallelisierung von Rasterisierungsoperationen verschiedener Pixel auf der GPU-Seite und die aktivere Verteilung von Controllern auf verschiedene CPU-Kerne (JavaScript-Ausf\u00fchrung, Seitenrollverarbeitung, Video- und Bilddecodierung, vorl\u00e4ufige Inhaltsdarstellung). Ein hemmender Faktor bei der aktiven Parallelisierung ist die zunehmende Belastung der CPU, die sich in h\u00f6heren Temperaturen und einem erh\u00f6hten Energieverbrauch niederschl\u00e4gt. Daher ist es wichtig, ein optimales Gleichgewicht zwischen Leistung und Energieverbrauch zu erreichen. Zum Beispiel kann bei Akkubetrieb die Rendering-Geschwindigkeit geopfert werden, jedoch darf die Seitenrollverarbeitung in einem separaten Thread nicht geopfert werden, da eine verminderte Reaktionsf\u00e4higkeit der Benutzeroberfl\u00e4che f\u00fcr den Nutzer sp\u00fcrbar wird. <\/p>\n
Die im Rahmen des Projekts RenderingNG implementierten Technologien ver\u00e4ndern den Ansatz zum Compositing grundlegend und erm\u00f6glichen es, adaptiv unterschiedliche Optimierungstechnologien f\u00fcr Berechnungen auf GPU und CPU in Bezug auf bestimmte Teile von Seiten zu nutzen, wobei Faktoren wie Aufl\u00f6sung und Bildwiederholfrequenz sowie die Unterst\u00fctzung fortschrittlicher Grafik-APIs wie Vulkan, D3D12 und Metal ber\u00fccksichtigt werden. Zu den Optimierungsbeispielen z\u00e4hlt die aktive Nutzung von GPU-Textur-Caching und die Ergebnisse des Renderings von Teilen von Web-Seiten sowie die Ber\u00fccksichtigung nur der Bereiche der Seite, die f\u00fcr den Benutzer sichtbar sind (es macht keinen Sinn, Teile der Seite zu rendern, die von anderem Inhalt \u00fcberlagert werden). <\/p>\n
Ein wichtiger Bestandteil von RenderingNG ist auch die Isolierung der Leistung bei der Verarbeitung verschiedener Teile von Seiten, zum Beispiel zur Isolierung von Berechnungen, die mit der Anzeige von Werbung in iframe-Bl\u00f6cken, der Anzeige von Animationen, der Wiedergabe von Ton und Video, dem Scrollen von Inhalten und der Ausf\u00fchrung von JavaScript verbunden sind.
<\/center> <\/p>\n
Realisierte Optimierungstechniken: <\/p>\n
\n
In Chrome 94 wurde der Mechanismus CompositeAfterPaint vorgeschlagen, der das Compositing von separat gerenderten Teilen von Webseiten erm\u00f6glicht und eine dynamische Skalierung der GPU-Belastung erlaubt. Laut den von Nutzern gesammelten Telemetriedaten konnte durch die Anwendung des neuen Compositing-Systems die Verz\u00f6gerung beim Scrollen um 8 % gesenkt, die Interaktionsreaktionsf\u00e4higkeit um 3 % erh\u00f6ht, die Rendergeschwindigkeit um 3 % gesteigert, der GPU-Speicherverbrauch um 3 % gesenkt und die Akkulaufzeit um 0,5 % verl\u00e4ngert werden.\n
GPU Raster \u2014 ein Mechanismus zur Rasterung auf der GPU, der 2020 f\u00fcr alle Plattformen eingef\u00fchrt wurde und die Durchf\u00fchrung der MotionMark-Tests im Durchschnitt um 37 % beschleunigte, w\u00e4hrend die f\u00fcr HTML verwandten Kategorien um 150 % schneller wurden. In diesem Jahr wurde GPU Raster um die M\u00f6glichkeit erweitert, die GPU-Beschleunigung f\u00fcr die Darstellung von Canvas-Elementen zu nutzen, was die Linienzeichnung um 1000 % beschleunigte und die Durchf\u00fchrung der MotionMark 1.2-Tests um 130 % steigerte.\n
LayoutNG \u2014 eine vollst\u00e4ndige \u00dcberarbeitung der Algorithmen zur Anordnung von Seitenelementen, die darauf abzielt, die Zuverl\u00e4ssigkeit und Vorhersagbarkeit zu erh\u00f6hen. Das Projekt soll noch in diesem Jahr den Nutzern bereitgestellt werden.\n
BlinkNG \u2014 eine \u00dcberarbeitung und Bereinigung der Blink-Engine mit der Trennung von Renderaufgaben in separat ausgef\u00fchrte Phasen, um die Effizienz der Caching-Verfahren zu erh\u00f6hen und das deferred Rendering unter Ber\u00fccksichtigung der Sichtbarkeit von Objekten im Fenster zu vereinfachen. Die Arbeiten sollen in diesem Jahr abgeschlossen werden.\n
Auslagerung in separate Threads f\u00fcr das Scrollen, Animationen und die Bilddecodierung. Das Projekt wird seit 2011 entwickelt und erreichte in diesem Jahr die F\u00e4higkeit, animierte CSS-Transformationen und SVG-Animationen in separate Threads auszulagern.\n
VideoNG \u2014 eine effiziente und zuverl\u00e4ssige Engine zur Wiedergabe von Videos auf Webseiten. In diesem Jahr wurde die Anzeige von gesch\u00fctzten Inhalten mit einer Aufl\u00f6sung von 4K erm\u00f6glicht. Zuvor wurde die Unterst\u00fctzung von HDR hinzugef\u00fcgt.\n
Viz \u2014 separate Prozesse f\u00fcr Rastering (OOP-R \u2014 Out-of-process Raster) und Rendering (OOP-D \u2014 Out of process display compositor), die die Darstellung der Benutzeroberfl\u00e4che des Browsers von der Darstellung des Seiteninhalts trennen. Das Projekt entwickelt auch den SkiaRenderer weiter, der plattformspezifische Grafik-APIs (Vulkan, D3D12, Metal) verwendet. Die \u00c4nderung f\u00fchrte zu einer Verringerung der Abst\u00fcrze aufgrund von Problemen mit Grafiktreibern um das Sechsfache. <\/ul>\n
![\"Die](\"\/wp-content\/uploads\/2021\/10\/494e5178556944a3a47f3f717488127c.jpg\")
<\/center> <\/p>\n