{"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\/da\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","title":{"rendered":"Resultaterne af optimeringen af Chromium, som har v\u00e6ret implementeret af projektet RenderingNG","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"
Udviklerne af Chromium har pr\u00e6senteret de f\u00f8rste resultater af det 8 \u00e5r gamle projekt RenderingNG, hvis m\u00e5l er at arbejde kontinuerligt med at forbedre ydeevne, p\u00e5lidelighed og skalerbarhed af Chrome. <\/p>\n
For eksempel har de tilf\u00f8jede optimeringer i Chrome 94 sammenlignet med Chrome 93 resulteret i en 8% reduktion i forsinkelser ved behandling af sider og en 0,5% stigning i batterilevetid. I betragtning af st\u00f8rrelsen p\u00e5 Chrome-brugerbasen svarer disse resultater til en global besparelse p\u00e5 over 1400 \u00e5rs processortid hver dag. I forhold til tidligere versioner render modern Chrome grafik mere end 150% hurtigere og er 6 gange mindre tilb\u00f8jelig til at nedbrud p\u00e5 GPU-drivere p\u00e5 problematisk hardware. <\/p>\n
Blandt de implementerede metoder, der har bidraget til performanceforbedringer, er parallelisering af rasteriseringsoperationer af forskellige pixels p\u00e5 GPUs side og en mere aktiv fordeling af behandlere p\u00e5 forskellige CPU-kerner (udf\u00f8relse af JavaScript, behandling af side-scroll, dekodning af video og billeder, samt forudg\u00e5ende rendering af indhold). En begr\u00e6nsende faktor ved aktiv parallelisering er den \u00f8gede belastning p\u00e5 CPU'en, hvilket resulterer i en stigning i temperatur og energiforbrug, og derfor er det vigtigt at opn\u00e5 en optimal balance mellem ydeevne og energiforbrug. For eksempel, n\u00e5r man arbejder p\u00e5 batteri, kan man ofre rendering-hastigheden, men man kan ikke ofre scrollbehandlingen i en separat tr\u00e5d, da en nedsat responsiveness af brugergr\u00e6nsefladen vil blive bem\u00e6rket af brugeren. <\/p>\n
De teknologier, der er realiseret i projektet RenderingNG, \u00e6ndrer fuldst\u00e6ndigt tilgangen til sammens\u00e6tning og muligg\u00f8r adaptiv anvendelse af forskellige optimeringsteknologier til beregninger p\u00e5 GPU og CPU i relation til specifikke dele af siderne, idet der tages h\u00f8jde for faktorer som opl\u00f8sning og opdateringshastighed af sk\u00e6rmen, samt tilstedev\u00e6relsen af avancerede grafiske API'er i systemet som Vulkan, D3D12 og Metal. Eksempler p\u00e5 optimeringer inkluderer aktiv brug af GPU-teksturkassering og resultaterne af rendering af websidens dele, samt kun at tage h\u00f8jde for de omr\u00e5der af siden, der er synlige for brugeren (det giver ikke mening at udf\u00f8re rendering af dele af siden, der er d\u00e6kket af andet indhold). <\/p>\n
Et vigtigt element i RenderingNG er ogs\u00e5 isoleringen af ydeevne ved behandling af forskellige dele af siderne, fx for at isolere beregninger relateret til visning af reklamer i iframe-blokke, animationer, afspilning af lyd og video, scrolling af indhold og udf\u00f8relse af JavaScript.
<\/center> <\/p>\n
Implementerede optimeringsteknikker: <\/p>\n
\n
I Chrome 94 blev der foresl\u00e5et en mekanisme kaldet CompositeAfterPaint, der muligg\u00f8r komposittering af separat renderede dele af websider og giver mulighed for dynamisk at skalere belastningen p\u00e5 GPU'en. I henhold til de data, der er indsamlet fra brugere gennem telemetri, har anvendelsen af det nye kompositystem resulteret i en reduktion af forsinkelsen ved scrolling med 8%, en forbedring af interaktionsresponsen med brugeren p\u00e5 3%, en stigning i renderinghastigheden p\u00e5 3%, en reduktion af GPU-mindskingsforbruget p\u00e5 3% og en forl\u00e6ngelse af batterilevetiden med 0,5%.\n
GPU Raster \u2014 en mekanisme til rasterisering p\u00e5 GPU-siden, der blev implementeret for alle platforme i 2020, og som har gjort det muligt at accelerere MotionMark-testene med i gennemsnit 37 %, og kategorier relateret til HTML med 150 %. I \u00e5r blev GPU Raster forbedret med muligheden for at bruge GPU-acceleration til at rendere Canvas-elementer, hvilket f\u00f8rte til en 1000 % acceleration i konturens rendering og en 130 % forbedring i MotionMark 1.2-testene.\n
LayoutNG \u2014 en totaloml\u00e6gning af algoritmerne til layout af sideelementer, der sigter mod at forbedre p\u00e5lideligheden og forudsigeligheden. Projektet forventes at blive sendt til brugerne i \u00e5r.\n
BlinkNG \u2014 refaktorering og oprydning af Blink-motoren med opdeling af renditionsoperationer i separat udf\u00f8rte faser for at forbedre cacheeffektiviteten og forenkle forsinket rendering med hensyn til synligheden af objekter i vinduet. Arbejdet forventes at v\u00e6re afsluttet i \u00e5r.\n
Separation of scroll, animation, and image decoding handlers into individual threads. The project has been evolving since 2011 and this year reached the capability to offload animated CSS transformations and SVG animations into separate threads.\n
VideoNG \u2014 en effektiv og p\u00e5lidelig motor til videovisning p\u00e5 websteder. I \u00e5r er muligheden for at vise beskyttet indhold med 4K-opl\u00f8sning blevet implementeret. Tidligere blev der tilf\u00f8jet st\u00f8tte til HDR.\n
Viz \u2014 separate processer til rasterisering (OOP-R \u2014 Out-of-process Raster) og rendering (OOP-D \u2014 Out of process display compositor), der adskiller rendering af browsergr\u00e6nsefladen fra rendering af sidens indhold. Projektet udvikler ogs\u00e5 SkiaRenderer-processen, som bruger platform-specifikke grafiske API'er (Vulkan, D3D12, Metal). \u00c6ndringen har reduceret antallet af nedbrud p\u00e5 grund af problemer med grafikkdrivere med 6 gange. <\/ul>\n
![\"Resultaterne](\"\/wp-content\/uploads\/2021\/10\/494e5178556944a3a47f3f717488127c.jpg\")
<\/center> <\/p>\n