{"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\/nl\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","title":{"rendered":"Optimalisatie resultaten van Chromium, uitgevoerd door het RenderingNG-project","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>De ontwikkelaars van Chromium hebben de eerste resultaten gepresenteerd van het in 2015 begonnen project RenderingNG, dat is gericht op constante verbetering van de prestaties, betrouwbaarheid en uitbreidbaarheid van Chrome.     <\/p>\n<p>Bijvoorbeeld, de optimalisaties die zijn toegevoegd in Chrome 94 vergeleken met Chrome 93 hebben geleid tot een vermindering van de laadtijd met 8% en een toename van de batterijduur met 0,5%. Gezien de grootte van de Chrome-gebruikersbasis, levert dit wereldwijd een besparing op van meer dan 1400 jaar processor tijd per dag. In vergelijking met eerdere versies rendert de moderne Chrome meer dan 150% sneller en crasht hij 6 keer minder in GPU-drivers op problematische hardware.      <\/p>\n<p>Onder de toegepaste methoden die prestatieverbeteringen mogelijk maken, valt het paralleliseren van rasterisatie van verschillende pixels aan de GPU-kant en een actiever verspreiden van taken over verschillende CPU-kernen (zoals het uitvoeren van JavaScript, het verwerken van de paginascrolling, en het decoderen van video en afbeeldingen, evenals vooruitlopende content-rendering). Een beperkende factor bij actieve parallelisering is de toenemende belasting van de CPU, wat leidt tot hogere temperaturen en verhoogd energieverbruik. Het is daarom belangrijk om een \u200b\u200boptimale balans te vinden tussen prestaties en energieverbruik. Bijvoorbeeld, bij het werken op batterij kan men de snelheid van rendering opofferen, maar men kan de paginascrolling in een aparte thread niet opofferen, aangezien de vermindering van de interface-responsiviteit merkbaar zal zijn voor de gebruiker.       <\/p>\n<p>De technologie\u00ebn die zijn gerealiseerd binnen het project RenderingNG veranderen volledig de benadering van compositing en stellen ons in staat om adaptief verschillende optimalisatietechnologie\u00ebn voor GPU- en CPU-berekeningen te gebruiken, afhankelijk van afzonderlijke delen van pagina's, rekening houdend met factoren zoals resolutie en verversingssnelheid van het scherm, evenals de aanwezigheid van geavanceerde grafische API-ondersteuning, zoals Vulkan, D3D12 en Metal. Voorbeelden van optimalisaties omvatten het actieve gebruik van GPU-textuurcaching en het opslaan van de renderresultaten van delen van webpagina's, evenals het renderen van alleen het gedeelte van de pagina dat zichtbaar is voor de gebruiker (het heeft geen zin om delen van de pagina te renderen die door andere inhoud worden bedekt).       <\/p>\n<p>Een belangrijk element van RenderingNG is ook de isolatie van prestaties bij de verwerking van verschillende delen van pagina's, bijvoorbeeld voor het isoleren van berekeningen die verband houden met de weergave van advertenties in iframe-blokken, het tonen van animaties, het afspelen van geluid en video, het scrollen van inhoud en het uitvoeren van JavaScript.      <center><img decoding=\"async\" alt=\"Optimalisatie resultaten van Chromium, uitgevoerd door het RenderingNG-project\" src=\"\/wp-content\/uploads\/2021\/10\/494e5178556944a3a47f3f717488127c.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/center>      <\/p>\n<p>Ge\u00efmplementeerde optimalisatietechnieken:  <\/p>\n<ul>\n<li class=\"l\"> In Chrome 94 is een mechanisme CompositeAfterPaint voorgesteld, dat compositing van afzonderlijk gerenderde delen van webpagina's mogelijk maakt en dynamisch de belasting op de GPU kan schalen. Volgens gegevens die van gebruikers zijn verzameld via telemetry, heeft het gebruik van het nieuwe compositiesysteem geleid tot een verlaging van vertragingen tijdens scrollen met 8%, een verhoogde responsiviteit van gebruikersinteracties met 3%, een verhoogde rendering snelheid met 3%, een vermindering van het GPU-geheugenverbruik met 3% en een verlenging van de accuduur met 0,5%.\n<li class=\"l\"> GPU Raster \u2014 de rasterisatie op het niveau van de GPU, werd in 2020 ge\u00efntroduceerd voor alle platforms en maakte het mogelijk om de MotionMark-tests gemiddeld met 37% te versnellen, en de categorie\u00ebn die verband houden met HTML met 150%. Dit jaar is GPU Raster aangevuld met de mogelijkheid om GPU-versnelling te gebruiken voor het tekenen van Canvas-elementen, wat heeft geleid tot een versnelling van de contourtekening met 1000%, en het doorlopen van de MotionMark 1.2-tests met 130%.\n<li class=\"l\"> LayoutNG \u2014 een complete herziening van de algoritmes voor de lay-out van pagina-elementen, gericht op het verhogen van de betrouwbaarheid en voorspelbaarheid. Het project is gepland om dit jaar aan de gebruikers beschikbaar te worden gesteld.\n<li class=\"l\"> BlinkNG \u2014 herstructurering en opschoning van de Blink-engine met een scheiding van tekenoperaties in afzonderlijke fasen voor een betere caching-effici\u00ebntie en vereenvoudigde uitgestelde rendering, rekening houdend met de zichtbaarheid van objecten in het venster. De werkzaamheden zijn gepland om dit jaar te worden afgerond.\n<li class=\"l\"> Afzonderlijke threads voor scrollverwerkers, animaties en afbeeldingdecodering. Het project is sinds 2011 in ontwikkeling en heeft dit jaar de mogelijkheid bereikt om geanimeerde CSS-transformaties en SVG-animatie naar afzonderlijke threads te verplaatsen.\n<li class=\"l\"> VideoNG \u2014 een effici\u00ebnte en betrouwbare engine voor het afspelen van video op webpagina's. Dit jaar is de mogelijkheid ge\u00efmplementeerd om beveiligde inhoud met een resolutie van 4K weer te geven. Eerder was ondersteuning voor HDR toegevoegd.\n<li class=\"l\"> Viz \u2014 afzonderlijke processen voor rasterisatie (OOP-R \u2014 Out-of-process Raster) en weergave (OOP-D \u2014 Out of process display compositor), die de weergave van de browserinterface scheiden van de weergave van de inhoud van pagina's. Daarnaast wordt het SkiaRenderer-proces ontwikkeld, dat platform-specifieke grafische API's gebruikt (Vulkan, D3D12, Metal). Deze wijziging heeft het aantal crashes door problemen met grafische stuurprogramma's met 6 keer verminderd.      <\/ul>\n<p>Bron: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/www.opennet.ru\/opennews\/art.shtml?num=55937\">opennet.ru<\/a> <\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 Chromium \u043f\u043e\u0434\u0432\u0435\u043b\u0438 \u043f\u0435\u0440\u0432\u044b\u0435 \u0438\u0442\u043e\u0433\u0438 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u043e\u0433\u043e 8 \u043b\u0435\u0442 \u043d\u0430\u0437\u0430\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 RenderingNG, \u043d\u0430\u0446\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u043e \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0441\u0442\u0438 \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u0438 Chrome. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0432 \u0432\u044b\u043f\u0443\u0441\u043a\u0435 Chrome 94 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 Chrome 93 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b\u0438 \u043d\u0430 8% \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u0440\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u043d\u0430 0.5% \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043e\u0442 \u0430\u043a\u043a\u0443\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430. \u0421 \u0443\u0447\u0451\u0442\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0430 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":101566,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-101565","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 Chromium \u043f\u043e\u0434\u0432\u0435\u043b\u0438 \u043f\u0435\u0440\u0432\u044b\u0435 \u0438\u0442\u043e\u0433\u0438 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u043e\u0433\u043e 8 \u043b\u0435\u0442 \u043d\u0430\u0437\u0430\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 RenderingNG, \u043d\u0430\u0446\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u043e \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0441\u0442\u0438 \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u0438 Chrome.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/nl\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"nl_NL\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 Chromium, \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c RenderingNG | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 Chromium \u043f\u043e\u0434\u0432\u0435\u043b\u0438 \u043f\u0435\u0440\u0432\u044b\u0435 \u0438\u0442\u043e\u0433\u0438 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u043e\u0433\u043e 8 \u043b\u0435\u0442 \u043d\u0430\u0437\u0430\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 RenderingNG, \u043d\u0430\u0446\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u043e \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0441\u0442\u0438 \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u0438 Chrome.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/nl\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2021-10-08T08:22:52+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2021-10-08T08:22:52+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47 Resultaten van de optimalisatie van Chromium, gerealiseerd door het project RenderingNG | ProHoster","description":"De ontwikkelaars van Chromium hebben de eerste resultaten gepresenteerd van het acht jaar geleden begonnen project RenderingNG, dat gericht is op voortdurende verbetering van de prestaties, betrouwbaarheid en uitbreidbaarheid van Chrome.","canonical_url":"https:\/\/prohoster.info\/nl\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"nl_NL","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 Chromium, \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c RenderingNG | ProHoster","og:description":"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 Chromium \u043f\u043e\u0434\u0432\u0435\u043b\u0438 \u043f\u0435\u0440\u0432\u044b\u0435 \u0438\u0442\u043e\u0433\u0438 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u043e\u0433\u043e 8 \u043b\u0435\u0442 \u043d\u0430\u0437\u0430\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 RenderingNG, \u043d\u0430\u0446\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043d\u0430 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u043e \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0441\u0442\u0438 \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u0438 Chrome.","og:url":"https:\/\/prohoster.info\/nl\/blog\/news\/rezultaty-optimizaczii-chromium-realizovannye-proektom-renderingng","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2021-10-08T08:22:52+00:00","article:modified_time":"2021-10-08T08:22:52+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"101565","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":null,"breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-10-08 08:24:19","updated":"2022-09-29 16:02:58","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/posts\/101565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/comments?post=101565"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/posts\/101565\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/media\/101566"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/media?parent=101565"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/categories?post=101565"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/tags?post=101565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}