Chrome zvýšil rýchlosť, častejšie bude vykresľovať stránky so 60 fps

Značky: Chromerýchlosť

DSL.sk, 31.1.2017

Tvorcovia webového prehliadača Chrome uskutočnili vo svojom prehliadači viacero vylepšení, ktoré výrazne zvyšujú rýchlosť vykresľovania stránok.

Zmeny boli uskutočnené postupne v priebehu posledných mesiacov, vývojári ich oznámili v pondelok.

Displeje počítačov a mobilných zariadení zvyčajne obnovujú obraz so snímkovou frekvenciou 60 Hz. Chrome sa tak snaží vykresľovať aj dynamické stránky po prípadných zmenách s rovnakou snímkovou frekvenciou 60 fps.

Keď je ale JavaScript kód realizujúci zmeny náročný respektíve samotné uskutočnené zmeny sú náročné na renderovanie, prehliadač nemusí stihnúť obnovovať stránku plynulo a s plynulou animáciou zmien so 60 fps. Teraz ale Google uskutočnil výrazné zvýšenie efektívnosti samotného vykresľovania, po ktorom bude plynulo na danom hardvéri zrejme renderovaných viac náročných stránok ako doteraz.

Konkrétne boli uskutočnené tri optimalizácie. Optimalizácie okrem zrýchlenia vedú aj k nižšej záťaži procesora, nižšej spotrebe a teda predĺženiu výdrže mobilných zariadení.

Ak príde na stránke k zmene, prehliadač musí určiť ktoré prvky musí znovu vykresliť a u ktorých môže použiť ich vyrenderovanú podobu z predchádzajúcej vykreslenej snímky. Nová optimalizácia si podľa popisu pamätá jednotlivé príkazy použité k samotnému vykresľovaniu jednotlivých grafických a textových prvkov a vie identifikovať vizuálne sa neprekrývajúce podmnožiny. Ak sa niektorá takáto podmnožina nezmenila, Chrome použije jej vyrenderovanú podobu z predchádzajúcej snímky. Táto optimalizácia skracuje priemerný čas vykreslenia snímok o 35%.

Zároveň má Chrome stránku rozdelenú na štvorcové dlaždice, pričom doteraz prekresľoval všetky celé dlaždice zasiahnuté zmenami DOM modelu stránky. Teraz ak zistí, že sa zmenilo málo pixelov, použije kópiu celej dlaždice z prechádzajúcej snímky a aktualizuje iba zmenené pixely. Prekreslenie dlaždice sa vďaka tomu priemerne skrátilo o 40%.

Treťou optimalizáciou je intenzívnejšie využívanie akcelerácie pomocou grafického GPU procesora, ktorá sa teraz využíva aj na komplexnejšie renderovanie a napríklad zlepšuje rýchlosť animácií, plynulosť posúvania stránky na moderných HTML5 a SVG stránkach a zlepšuje odozvu.

Prvé dve zmeny boli uskutočnené na všetkých platformách, intenzívnejšie používanie GPU sa zatiaľ týka Windows, macOS a Androidu ale nie Linuxu.




Najnovšie články:



inzercia



Diskusia:

Ludske oko Od: Kamikaze1 | Pridané: 31.1.2017 11:49 Ľudské oko aj tak vidí iba 15fps. Odpovedať Známka: -7.7 Hodnotiť:

Re: Ludske oko Od: syntaxterrorXXX | Pridané: 31.1.2017 11:53 Lenza na ddos utoky uz nebude treba hackovat os. Odpovedať Známka: -5.0 Hodnotiť:

Re: Ludske oko Od: loki__ | Pridané: 31.1.2017 19:08 moje oko vidi aj 150 FRAPS Odpovedať Známka: 7.8 Hodnotiť:

Re: Ludske oko Od: Joshihkov bratrancov koňov brat | Pridané: 31.1.2017 21:43 Fčera som fidel cca 153 FRAPSov. Vysopáfali zrno f záhrade. Odpovedať Známka: 3.3 Hodnotiť:

Re: Ludske oko Od: aaa73 | Pridané: 2.2.2017 2:08 Boze .. ty trulo... Odpovedať Hodnotiť:

Re: Ludske oko Od: Peter1256 | Pridané: 31.1.2017 12:13 Tak teda odporucam nastavit obnovovaciu frekvenciu na svojom monitore na 15Hz a vyskusat si to. V skratke, je velky rozdiel medzi: 1. neuvedomovanim si cierneho obrazu pomedzi 15Hz snimkami (ako to je pri premietani analogoveho filmu, alebo pozerani na CRT monitore) 2. vnimanim plynuleho pohybu Odpovedať Známka: 7.6 Hodnotiť:

Re: Ludske oko Od: Messo8080 | Pridané: 31.1.2017 13:05 bezproblemov ludske oko zachyti kmitanie 50Hz, uz davno si nevidel CTR monitor/televizor Odpovedať Známka: 8.8 Hodnotiť:

Re: Ludske oko Od: neviem meno | Pridané: 31.1.2017 13:53 75Hz som na mojom CRT monitore videl ao blikanie. 85Hz už bol krásny stabilný obraz. Tak isto vidím rozdiel pri 30 a 60 snímkovom videu. Odpovedať Známka: 8.2 Hodnotiť:

Re: Ludske oko Od: Xavier de la slovak | Pridané: 31.1.2017 14:47 Presne ja to iste a este aj ked svietila klasicka ziarovka casto som vnimal blikanie, teraz mame na firme neonky a ide ma mrdnut ked to pol dna blika a kolegovci nic neregistruju. Odpovedať Známka: 4.3 Hodnotiť:

Re: Ludske oko Od: neviem meno | Pridané: 31.1.2017 22:07 Klasicka žiarovka a blikanie?? :D to si robíš srandu? Tam je to vlákno žeravé aj pol sekundy po zhasnutí, čiže sieťovú frekvenciu si isto nemohol vidieť. Odpovedať Známka: 1.1 Hodnotiť:

Re: Ludske oko Od: čitateľ | Pridané: 1.2.2017 8:12 Pol sekundy to nebude, skús do série so žiarovkou zapojiť diódu. A potom skús počítať, nie prsty. Odpovedať Hodnotiť:

Re: Ludske oko Od: Svetielko | Pridané: 1.2.2017 9:11 Neonky aj ziarovky blikaju nie 50 krat, ale 100 krat za sekundu!!! Ziarovky totiz svietia aj v kladnej aj v zapornej polvne prudu. Aj mne vadia neonky, takze aby nam to nevadilo neonky by museli blikat asi 200-300 krat za sekundu. Odpovedať Hodnotiť:

Re: Ludske oko Od: čitateľ | Pridané: 1.2.2017 14:12 Firma Macko a syn. Odpovedať Hodnotiť:

Re: Ludske oko Od: Menovec | Pridané: 2.2.2017 11:46 Však si urob svoj frekvenčný zdroj, menič, a môžeš žiarivky napájať aj 500Hz, len prvá sa Ti poďakuje tlmivka. :-) Odpovedať Hodnotiť:

Re: Ludske oko Od: vrtak_das_osmicka | Pridané: 1.2.2017 11:09 Poznam. Mal som 100Hz, a to ako keby som pozeral na stenu. Odpovedať Hodnotiť:

Re: Ludske oko Od: b2un0 | Pridané: 31.1.2017 21:35 Pozor, to sú dve rozdielne veci - obnovovacia frekvencia zobrazovacieho zariadenia a snimkova frekvencia animácie. Odpovedať Známka: 10.0 Hodnotiť:

Re: Ludske oko Od: kekeket | Pridané: 31.1.2017 13:08 15 fps vidim ked som uplne ozraty a nahuleny. Dokonca vidim aj trojmo. Piloti vidia aj 255 FPS, ono sa to da zmerat. Odpovedať Známka: 9.0 Hodnotiť:

Re: Ludske oko Od: kekeket | Pridané: 31.1.2017 13:11 cca 25% ludi vidi viac ako 60 FPS preto je 60 FPS takpovediac standard Odpovedať Známka: 2.0 Hodnotiť:

Re: Ludske oko Od: syntaxterrorXXX | Pridané: 31.1.2017 13:39 Inakpovedane, podla relevantnych prispevkov je zobrazovana statisticka hodnota standardneho vnimania rychlosti vykreslovania priekazne odvadzana zo schopnosti vnimania rychlosti vykreslovania konkretnym typom citatela, eventualne dokonca i menovatela. Odpovedať Známka: -6.0 Hodnotiť:

Re: Ludske oko Od: coalal | Pridané: 31.1.2017 15:37 stale slabsie a slabsie, zaber clovece ! Odpovedať Známka: 10.0 Hodnotiť:

multiplayer Od: syntaxterrorXXX | Pridané: 31.1.2017 16:58 Amplituda harmonickost kmitania nezvysuje. Odpovedať Známka: 3.3 Hodnotiť:

Re: Ludske oko Od reg.: Kvík? | Pridané: 31.1.2017 15:44 Akože na čom, obyčajný pohybujúci sa obraz? Tomu veľmi neverím, už nad 120 Hz je problém ABXovať. Ale blikajúce svetlá nie je problém ani 500 Hz, stačí prudko pohnúť okom a hneď vidíš, či LED bliká alebo svieti. Odpovedať Známka: 10.0 Hodnotiť:

Re: Ludske oko Od: suxi | Pridané: 31.1.2017 13:13 Nosis okuliare ci rovno palicku? Odpovedať Známka: 8.0 Hodnotiť:

Re: Ludske oko Od: Jerry19 | Pridané: 31.1.2017 13:46 Jasne 15fps hlavne ze ked pozeras YouTube tak hned vies a okamzite vidis ked je nejake video 60fps, ze je to omnoho plynulejsie ako bezne videa ktore maju 22 alebo 25 alebo 23.3 fps. Omnoho lepsie sa na to pozera... Odpovedať Známka: 8.5 Hodnotiť:

Re: Ludske oko Od reg.: Xwing | Pridané: 31.1.2017 15:14 Obvious troll is obvious Odpovedať Známka: 10.0 Hodnotiť:

Este lepsie Od: Hroch_asdf | Pridané: 31.1.2017 11:57 "Ak príde na stránke k zmene, prehliadač musí určiť ktoré prvky musí znovu vykresliť a u ktorých môže použiť ich vyrenderovanú podobu z predchádzajúcej vykreslenej snímky." Tesime sa na novy typ reklam, vo vacsom rozliseni, s vacsim poctom FPS a samozrejme so 100% vytazenim CPU ci GPU :). A to vsetko bez servisneho poplatku ci vypinania ceskych reklam! Odpovedať Známka: 5.0 Hodnotiť:

Re: Este lepsie Od: Koniky | Pridané: 31.1.2017 12:06 O takom, že adblock, si už počul? Odpovedať Známka: 2.5 Hodnotiť:

Re: Este lepsie Od: Hroch_asdf | Pridané: 31.1.2017 13:10 A o takom ze adlock nie vsade funguje + su weby, kde ho mam vypnuty. O takom si pocul? Odpovedať Známka: 0.0 Hodnotiť:

Re: Este lepsie Od: dj_v | Pridané: 31.1.2017 13:43 na DSLku mozes mat povolene reklamy, občas sú vtipné http://dopice.sk/j2f Odpovedať Známka: 7.1 Hodnotiť:

Re: Este lepsie Od: syntaxterrorXXX | Pridané: 31.1.2017 13:48 A v Tesle autopilota. Ten sa s tym tiez nesere. Odpovedať Známka: 6.7 Hodnotiť:

Re: Este lepsie Od: Reklama Je Zlo | Pridané: 31.1.2017 21:34 Ale nájdu sa aj praktické reklamy. Minule s dal zvýšiť výkon motora o 233% Odpovedať Hodnotiť:

Re: Este lepsie Od reg.: RB_    | Pridané: 31.1.2017 22:41 hmm, niečo sa mi tu nezdá... http://dopice.sk/j2r Odpovedať Hodnotiť:

Re: Este lepsie Od: Boh1 | Pridané: 1.2.2017 9:15 Na dslku sú reklamy v 0,5fps Odpovedať Hodnotiť:

rychlost je uz dlho ok Od: dnesEmil | Pridané: 31.1.2017 12:24 Mohli by radsej riesit pamat. Odpovedať Známka: 7.8 Hodnotiť:

Re: rychlost je uz dlho ok Od: xvzf | Pridané: 31.1.2017 15:47 naopak, oni ju uz riesia. tieto optimalizacie budu znamenat zvysenie pamatovej narocnosti :) Odpovedať Známka: 10.0 Hodnotiť:

emilove meniny Od reg.: akoze | Pridané: 31.1.2017 12:52 a nebude to emilovmu notebooku rychlejsie vybijat baterku ? Odpovedať Známka: 5.0 Hodnotiť:

Re: emilove meniny Od: čitateľ | Pridané: 31.1.2017 13:18 Vďaka konkrétne trom uskutočneným optimalizáciám nebude. Alebo iba nezanedbateľne menej, povedzme 1.1 krát. Odpovedať Známka: 5.0 Hodnotiť:

GPU akcelaracia na Linuxe Od: MatinMatin | Pridané: 31.1.2017 17:00 Toto je cista absurdita. H/W video decoding a dalsiu akceleraciu podporuju na ChromeOS a Androide ale nie na Linuxe! ChromeOS, co ma 99% kodu spolocneho s GNU/Linux. Najma ak ju uz raz podporovali a de-facto ju staci iba zapnut. A co je este vacsi nonsens, je to ze ju nechcu umoznit zapnut ani cez flag. Odpovedať Známka: 6.7 Hodnotiť:

Re: GPU akcelaracia na Linuxe Od: MladýPánko | Pridané: 1.2.2017 22:32 Linux nezaplatil, tak to proste nejde Odpovedať Hodnotiť:

Pridať komentár