Megatest 10 prohlížečů: Druhá várka testů

31. 3. 2011

Sdílet

 Autor: Redakce

Úvod a Kraken

Tip – první část testu: Megatest 10 prohlížečů: který je nejrychlejší?

V první části našeho velkého testu webových prohlížečů jsme si řekli vše podstatné. Jestli vám článek unikl, doporučujeme, abyste si jej přečetli ještě před tímto pokračováním nabytým všemožnými testy. Prozradili jsme si konfiguraci stroje, na němž se se dělo všechno důležité, rovněž jsme si probrali minulost a současnost jednotlivých soutěžících. Pojďme si oživit paměť – následující prohlížeče jsme si proklepli minule a v dnešním pokračování samozřejmě figuruje do posledního písmena a čísla stejná sestava. Kurzíva označuje vývojové verze, které mají od těch určených pro širokou veřejnost poměrně daleko.

  • Internet Explorer 9
  • Internet Explorer 8
  • Mozilla Firefox 4.0
  • Mozilla Firefox 3.6.16
  • Google Chrome 10.0.648.151
  • Google Chrome 12.0.711.0 Alpha
  • Opera 11.01
  • Opera 11.10 Build 2053 Alpha
  • Safari 5.0.4
  • SeaMonkey 2.0.12

Začneme dalšími JavaScriptovými benchmarky, pitvat se budeme v hardwarové akceleraci, nezapomeneme si projít universální testy a zjistíme, jak jsou na tom jednotlivci s podporou webových standardů (především se pobavíme o HTML5).

Kraken – drtič prohlížečů

Jak jsme si nastínili minulý týden, řada lidí se při výběru prohlížeče řídí jeho výkonností. A rozhodujícím faktorem je pro ně často rychlost zpracování JavaScriptu. Vyzkoušeli jsme tedy dva testy poměřující právě tento klíčový prvek všech moderních browserů. Za V8 Benchmark Suite stojí společnost Google a její Chrome v něm naprosto exceluje. Popravdě řečeno, naprosto postrádá sobě rovného soka. Krakena pro změnu vytvořili zaměstnanci Mozilly a v podstatě se jedná o duchovního nástupce SunSpider JavaScript Benchmarku, který zejména s vydáním Internet Exploreru 9 a Firefoxu 4 odhalil své stařecké vrásky.

Zastaralost rok starého testu snižuje vypovídací hodnotu výsledků, browsery vydané v nedávné době se nám před sedmi dny seřadili vedle sebe a z takto vyrovnaných výsledků jednoznačného vítěze nelze určit. Kraken opět navyšuje obtížnost a obrazně řečeno dává každému JavaScriptovému jádru pořádně do těla. A je úplně jedno, jestli to má být to od „domácí“ Mozilly nebo třeba od Googlu.

Kraken 1.0 [ms]
Internet Explorer 9 16282,5
Internet Explorer 8 ×××
Mozilla Firefox 4.0 7351,0
Mozilla Firefox 3.6 26965,0
Google Chrome 10 8569,3
Google Chrome 12 Alpha 8062,7
Opera 11.01 12940,3
Opera 11.10 Alpha 13236,5
SeaMonkey 2.0 23487,9
Safari 5.0 18488,3
Nižší je lepší

Kraken nepřekvapivě položil na lopatky Internet Explorer 8, zpracování JavaScriptu mu prostě dělá problém. Pravidelně každých pár vteřin se zastavil a upozorňoval na skript, jenž může program zpomalit. Proklikat se až ke konci by znamenalo strávit nad odklepáváním obtížného dialogového okna nezměrné množství času a risk zničení myši. Na stránky plné JavaScriptu (například Facebook) v IE8 raději zapomeňte, jiné prohlížeče váš čas na interaktivních webech s tunami skriptů výrazně zkrátí.

Naměřené hodnoty jinak pasují do role outsidera Firefox 3.6 a SeaMonkey. Technicky vzato však oba stále předvedli lepší výsledek než zastaralý Internet Explorer 8. „Devítka“ ve srovnání s ním prokázala solidní schopnosti, byť by na vítěze testu musela zkrátit dobu potřebnou k dokončení Krakena alespoň o polovinu. Chrome si za účast v Googlově V8 Benchmark Suite připsalo na konto zlatou medaili, Firefox zase nyní vítězí v testu připraveném Mozillou. Že by náhoda?

Dromaeo – ještě jednou JavaScript

Dromaeo – ještě jednou JavaScript

Starší Dromaeo vytvořil také zaměstnanec Mozilly, protože se mu nelíbila nepřesnost testovacích webových aplikací (až na V8 Benchmark Suite). Ty prý nebraly v potaz systémový časovač. Důležité však je, že benchmark vytvořený na popud zmíněné nepřesnosti není jednostranně zaměřený, naopak sdružuje v sobě hned tři podtesty zkoumající výkon JavaScriprového jádra v prohlížečích. První se nazývá Dromaeo, druhý SunSpider a třetí V8. Víte, odkud vítr vane? A k této kompilaci se přidaly další tři zástupci, kteří se zaměřují na rychlost práce s DOM a selektory kaskádových stylů.

Dohromady tvoří šestice subtestů komplexní benchmark, jehož celý průběh se rovná více než půl hodině čistého času! Domnívám se však, že doba strávená nad sledováním průběhu se vyplatí, neboť přináší poměrně zajímavé výsledky. Zajímavější než kdybyste spustili některý ze subtestů samostatně.

Dromaeo [spuštění/s]
Internet Explorer 9 789,05
Internet Explorer 8 ×××
Mozilla Firefox 4.0 1079,93
Mozilla Firefox 3.6 470,11
Google Chrome 10 1299,53
Google Chrome 12 Alpha 1199,16
Opera 11.01 1401,80
Opera 11.10 Alpha 1410,94
SeaMonkey 2.0 319,92
Safari 5.0 887,93
Vyšší je lepší

Jak uvidíte dále, Internet Explorer 8 vzdoroval testům až příliš úporně a často. Dromaeo zdaleka není jediný benchmark, v němž se prohlížeč prostě nespustil, respektive skončil s chybou. Internet Explorer číslo devět byl pouze rychlejší než Firefox 3.6 a SeaMonkey, což jsou rok staré programy. Nikterak úchvatný výsledek vyhlíží ještě hůře v porovnání s nejlepší Operou.

GUIMark 2 – kompletní vyšetření

GUIMark 2

Bohužel valná většina syntetických testů odráží realitu v křivém zrcadle. Prohlížeč vítězící v syntetických testech pak může na skutečných webech ve výkonnostním ohledu selhat a jeho trofej by mohl oprávněně převzít někdo jiný. GUIMark 2 vnikl s jediným účelem – vyvarovat se chyb svých kolegů. Místo zaměření na rychlost samotného programovacího jazyka se více orientuje na přístupnost k vykreslovacímu jádru. Minimálně jej tak prezentuje jeho autor. Bez zabíhání do zbytečných technických podrobností se spokojme s tím, že tento trojlístek testů má docela dobrou vypovídající hodnotu.

Každý ze tří subtestů se značně liší ve své struktuře. Shodují se však v jednom – vedle běžné verze testu tvořeného pomocí webových technologií (převážně HTML) si můžete spustit identicky vypadající test, který ale běží ve Flashi. Ten slouží spíš jako doplněk, protože v první řadě tu běží o HTML.

Vykreslování vektorových grafů

GUIMark 2 – Vykreslování vektorových grafů – HTML5 verze [snímky/s]
Internet Explorer 9 17,17
Internet Explorer 8 ×××
Mozilla Firefox 4.0 18,56
Mozilla Firefox 3.6 16,39
Google Chrome 10 7,15
Google Chrome 12 Alpha 6,90
Opera 11.01 27,25
Opera 11.10 Alpha 27,25
SeaMonkey 2.0 12,49
Safari 5.0 4,09
Vyšší je lepší

Vykreslování vektorové grafiky je jednou z obecně opomíjených disciplín. Nejlépe si v ní vede norská Opera. Chrome se nepředvedlo v nejlepším světle, na rozdíl od IE8 ale vektorové grafy zobrazilo. Pokud nepočítám naprosté selhání osmého Internet Exploreru, sáhlo si na na pomyslné dno Safari. Nějakým způsobem jsem se k uvedenému výsledku dobral, jenže aby se obrazovka překreslila, musel jsem na stránku poklepávat myší. Ve výsledku se za tento ostudný výstup může v koutku tiše stydět. Ve srovnání s IE8 se totiž od počátku profiluje jako prohlížeč s moderními součástkami pod kapotou, co dodržuje webové standardy. Hardwarová akcelerace tu čtvrtému Firefoxu a IE9 nijak nepomohla.

GUIMark 2 – Vykreslování vektorových grafů – Flashová verze [snímky/s]
Internet Explorer 9 48,12
Internet Explorer 8 50,04
Mozilla Firefox 4.0 41,05
Mozilla Firefox 3.6 38,15
Google Chrome 10 40,73
Google Chrome 12 Alpha 39,75
Opera 11.01 49,13
Opera 11.10 Alpha 49,12
SeaMonkey 2.0 49,22
Safari 5.0 49,43
Vyšší je lepší

S Flashem si prohlížeče poradily na zhruba stejné úrovni. Jen Firefox zůstal s Chrome o kousek pozadu. Internet Exploreru 8 se podařilo nevídané, když grafy v proprietárním Flashi stíhal vykreslovat průměrně 50krát za vteřinu.

Bitmapový herní test

GUIMark 2 – Bitmap gaming test – HTML5 verze [snímky/s]
Internet Explorer 9 53,61
Internet Explorer 8 ×××
Mozilla Firefox 4.0 54,02
Mozilla Firefox 3.6 5,98
Google Chrome 10 25,31
Google Chrome 12 Alpha 23,98
Opera 11.01 15,16
Opera 11.10 Alpha 15,42
SeaMonkey 2.0 6,21
Safari 5.0 6,47
Vyšší je lepší

Pro druhé kolo autor GUIMarku naprogramoval samoběžící hru, jejíž základem jsou bitmapové objekty. Tady se konečně projevila hardwarová akcelerace. Grafická karta dopomohla k vítězství Firefoxu 4, IE9 dosáhl přirozeně srovnatelného výsledku. Jeho o generaci starší kolega stejně jako v prvním kole test vůbec nespustil, protože si s moderními technologiemi nerozumí.

GUIMark 2 – Bitmap gaming test – Flashová verze [snímky/s]
Internet Explorer 9 41,43
Internet Explorer 8 41,37
Mozilla Firefox 4.0 41,03
Mozilla Firefox 3.6 34,62
Google Chrome 10 33,71
Google Chrome 12 Alpha 34,68
Opera 11.01 41,45
Opera 11.10 Alpha 41,30
SeaMonkey 2.0 40,37
Safari 5.0 40,33
Vyšší je lepší

Stejná hra se ve Flashové verzi naproti tomu chová pokaždé dost podobně, neřkuli stejně. Právě zde leží důkaz, že HTML5 nabízí lepší možnosti než Flash. Browser s fungující hardwarovou akcelerací vytěží z výkonu počítače víc než Flash. Proč tedy nadále akceptovat nadvládu Adobe a programovat flashové aplikace a hry, když lze k vývoji místo toho využít webové technologie?

Tři sloupce textu

GUIMark 2 – Text column test – HTML5 verze [snímky/s]
Internet Explorer 9 42,08
Internet Explorer 8 24,58
Mozilla Firefox 4.0 42,57
Mozilla Firefox 3.6 26,99
Google Chrome 10 22,76
Google Chrome 12 Alpha 24,20
Opera 11.01 18,75
Opera 11.10 Alpha 17,99
SeaMonkey 2.0 12,70
Safari 5.0 21,85
Vyšší je lepší

Na oko pěkně vyhlíží poslední ze sady testů GUIMark 2. Tři pohyblivé sloupce vyplňují texty využívajících vlastního písma ze specifikace CSS3. Použitá písma se podle potřeby stahují ze serveru, díky čemuž text skutečně vypadá přesně tak, jak jeho autor zamýšlel. Internet Explorer 8 prorazil bariéru a sloupce rozhýbal, akorát se nekamarádí s kaskádovými styly třetí generace, takže se v něm místo vlastních písem zobrazuje výchozí styl. Ostatní zobrazují vše správně. Výhodu mají opět prohlížeče s hardwarovou akcelerací, které stránku vykreslovaly rychleji.

GUIMark 2 – Text column test – Flashová verze [snímky/s]
Internet Explorer 9 22,62
Internet Explorer 8 20,30
Mozilla Firefox 4.0 22,25
Mozilla Firefox 3.6 20,13
Google Chrome 10 20,63
Google Chrome 12 Alpha 20,61
Opera 11.01 22,24
Opera 11.10 Alpha 22,53
SeaMonkey 2.0 49,72
Safari 5.0 22,79
Vyšší je lepší

Flashová varianta rozdíl mezi prohlížeči smazává.

Hardwarová akcelerace

FishIE Tank

V kategorii hardwarové akcelerace přišla ke slovu stále ještě silná grafická karta Radeon 4850. Zase tak se nezapotila, prakticky její schopnosti využili dva prohlížeče, z toho jeden ani ne naplno. Internet Explorer 9 si sice v XP ani nenainstalujete, skoro dokonale ale využívá technologií použitých v novějších Windows. A ve svém oboru je nejlepší, kromě skoro tak dobrého čtvrtého Firefoxu jde zatím o pouhé dva zástupce, kteří si s grafickou kartou poradí.

Rybí akvárium je výplodem Microsoftu. Pokud jste předchozí odstavce sledovali pozorně, je vám jasné, že zrovna nastal již třetí případ, kdy v testu zvítězil browser pocházející od stejného výrobce. Když vynecháme spekulace o zaujatosti a neobjektivnosti, zjistíme, že IE8 tradičně odmítl poslušnosti a benchmark nespustil. Safari si s oknem o velikosti 1024 × 768 pixelů a tisíci duhovými rybičkami nevědělo rady a zamrzlo. Aspoň trhaně přežívalo s množstvím rybek v řádu jednotek, což není nic ke chlubení. Zbylé prohlížeče i bez podpory akcelerace prokázaly stabilitu, s tisíci rybami se zmohli na vykreslení dvou snímků za sekundu.

Firefox 4 osciloval okolo hodnoty 37 snímků a Internet Explorer 9 naměřil 55 snímků.

FishIE Tank; velikost okna: 1024x768; počet ryb: 1000 [snímky/s]
Internet Explorer 9 55
Internet Explorer 8 ×××
Mozilla Firefox 4.0 37
Mozilla Firefox 3.6 2
Google Chrome 10 2
Google Chrome 12 Alpha 2
Opera 11.01 2
Opera 11.10 Alpha 2
SeaMonkey 2.0 2
Safari 5.0 ×××
Vyšší je lepší

Hardware Acceleration Stress Test

Krátký testík od Mozilly vznikl v průběhu vývoje Firefoxu 4 a nese vtipný název Hardware Acceleration Stress. Náročností předchozí akvárium nepřekoná a smysluplně jej lze využít při výkonu do 60 snímků za vteřinu. Oba kandidáti na vítězství si s rotujícími obrázky poradili tak dokonale, že test nakonec ukázal výmluvných „60+“. Proto vítěze přesně určit nemůžeme, zato ale víme, že IE8 se tradičně neodvážil stránku s testem správně načíst a sám se tím vyloučil ze hry. Přesně podle scénáře popsaného výše se Safari s hyperaktivním rotujícím obsahem Hardware Acceleration Stress Testu nevyrovnalo vůbec dobře. Apple si možná po letech osvojil návyky Windows z hlediska vzhledu, teď se mu naneštěstí staví do cesty další velká překážka technického charakteru.

Hardware Acceleration Stress Test [snímky/s]
Internet Explorer 9 60+
Internet Explorer 8 ×××
Mozilla Firefox 4.0 60+
Mozilla Firefox 3.6 9
Google Chrome 10 16
Google Chrome 12 Alpha 17
Opera 11.01 17
Opera 11.10 Alpha 18
SeaMonkey 2.0 10
Safari 5.0 4
Vyšší je lepší

Testy Acid3 a HTML5

Acid3

Přes své stáří měla donedávna se splněním testu Acid3 problém řada prohlížečů. Mezi zkoumané klíčové prvky se řadí DOM, JavaScript, SVG grafika a CSS3. K úspěšnému absolvování se skóre musí vyšplhat na sto bodů a stránka musí vypadat přesně jako její předloha. Proto se IE8 vůbec nechytal. Jeho mladší bratr skončil na 95 bodech. Všimněte si, že nápisu Acid3 v něm schází stín, a to kvůli nedodržování webových standardů.

Že neprošel starší Firefox (a tím pádem i SeaMonkey) příliš překvapivé není, jenže ani Firefox 4 nepodává perfektní výsledek. Mozilla nechce ztrácet čas implementací SVG písem. K „dokonalosti“ ohnivé lišce schází malý krůček, ale Mozilla s problémovou specifikací nechce ztrácet čas a raději se soustředí na Web Open Font Format. Stoprocentní skóre by prý nikomu neprospělo. Něco podobného tvrdí i Microsoft, devátý Internet Explorer nicméně trápí víc než jen neimplementovaná SVG písma.

Test Acid3 [body; max. 100]
Internet Explorer 9 95
Internet Explorer 8 20
Mozilla Firefox 4.0 97
Mozilla Firefox 3.6 94
Google Chrome 10 100
Google Chrome 12 Alpha 100
Opera 11.01 100
Opera 11.10 Alpha 100
SeaMonkey 2.0 93
Safari 5.0 100
Vyšší je lepší

HTML5 Test 2.0

Současná generace webu z HTML4 nebo XHTML odrostla a za moderní nezbytnou součást webové platformy považuje HTML5. Jak to bývá, z potřeby ověření podpory tohoto jazyka ze strany prohlížečů vzešel další test pojmenovaný prozaicky The HTML5 Test. Nesleduje nic jiného, než jak si prohlížeče kód HTML5 přeberou, do výsledků se tak nepletou ani kaskádové styly.

HTML5 test 2.0 [body]
Internet Explorer 9 131 + 5
Internet Explorer 8 32
Mozilla Firefox 4.0 255 + 9
Mozilla Firefox 3.6 155 + 4
Google Chrome 10 288 + 13
Google Chrome 12 Alpha 293 + 13
Opera 11.01 234 + 7
Opera 11.10 Alpha 244 + 7
SeaMonkey 2.0 142 + 4
Safari 5.0 228 + 7
Vyšší je lepší

Internet Explorer 9 se hodně zlepšil, což mu nebylo moc platné. V celkovém pořadí se usadil na nelichotivém předposledním místě, hned po IE8. Dokonce postarší Firefox 3.6 podporuje ze specifikace HTML5 více prvků. Nejpoctivěji webové standardy implementuje do svého prohlížeče Google.

Závěr

Závěr

Dnešní pohled do světa JavaScriptu, hardwarové akcelerace a webových standardů udělal jasno v jedné věci. Internet Explorer 8 je dávno za zenitem (skoro by se chtělo říct, že byl za zenitem už v době vydání před dvěma roky). Ve většině benchmarků testování buď skončilo chybou, nebo se pro jistotu ani nespustilo. Tento prohlížeč si ani v nejmenším nerozumí s aktuálními webovými standardy, pojmy jako HTML5 a CSS3 mu nic neříkají. Totéž platí pro hardwarovou akceleraci, situaci mu ještě ztěžuje pomalé zpracování JavaScriptu. Naštěstí existují alternativy, které nevyhovující aplikaci nahradí. Jen ve Windows XP to nikdy nebude pokračovatel rodové linie, Internet Explorer 9.

Ve Vistách nebo Windows 7 ovšem stojí minimálně za úvahu. Hardwarovou akceleraci ovládá bravurně a toto hledisko může být důležité, pokud se sháníte po opravdu rychlém prohlížeči. Proti němu hovoří slabší podpora HTML5 a CSS3. Situace se bude navíc velmi pravděpodobně zhoršovat s každým uplynulým měsícem, protože většina webových browserů vychází v nových verzích daleko častěji než potomek Microsoftu. Sice kolují zvěsti, že IE10 spatříme relativně brzy (tj. před/s vydáním Windows 8), jenže kde v té době bude konkurence, že? Chrome se pravidelně zlepšuje v cyklu šesti týdnů, Mozilla by měla produkovat Firefox v řádu maximálně několika týdnů až měsíců a Opera o sobě dává vědět také docela často. A to už se v tuhle chvíli všichni konkurenci IE nachází o několik tříd výš. Nejpoužívanější prohlížeč bude nejspíš „vždycky ten poslední vzadu“, co brzdí rozvoj webu.

Firefox 4 je pro ikspéčkáře vlastně jedinou volbou, pokud mají zájem o fungující hardwarovou akceleraci. Obecně podává dobrý výkon ve všech odvětvích, o nichž byla řeč.

Rychlík Chrome nevyhrál úplně všechny testy, jak by se někdo mohl těšit. Stále čeká na kompletní a fungující implementaci akcelerace, což mu zatím trochu podkopává nohy. Zato webové standardy ctí a nemusíte se bát, že by v něm někdy nešla spustit nejmodernější a nejnáročnější webová aplikace.

Upejpavá Opera nedělá Norům žádnou ostudu, celkově vzato jde o moderní platformu pro rychlé prohlížení. Od Chrome ji odlišuje především spousta funkcí navíc a robustní uživatelské prostředí, jinak se pro ni hodí prakticky stejný popis. Safari se s Windows sotva sžilo a vzápětí jsou před něj kladeny další překážky. Jinak slušně výkonný prohlížeč si vůbec neodvažuje na složité stránky vyžadující oporu v podobě hardwarové akcelerace.

bitcoin_skoleni

Ona akcelerace je poměrně ošemetná věc, vždy záleží na hardwarové konfiguraci počítače. Pokud máte výkonný procesor, náskok prohlížečů zapojujících do vykreslování grafickou kartu se smazává. Naopak, se slabšími procesory se její náskok a význam zvyšuje. Jenže potřebujete kompatibilní systém a hardware. Při zjištění starších ovladačů ke grafické kartě může prohlížeč akceleraci preventivně vypnout (Firefox to dělá) – nebo ji nechá zapnutou, pak přirozeně nemusí fungovat úplně ideálně. Do budoucna se bez ní každopádně moc neobejdeme a půjde o povinnou výbavu každého browseru.

Naproti tomu se s Internet Explorerem 8 v testování začneme pomalu loučit, jak dneska dokázal, otestovat se často už vůbec nenechá.