Тест производительности работы браузера с HTML5 Canvas

[Xmpe]

98 Fps (i5 sandy bridge, nv 465)

[Ewg]

94 ff 4.0 (core2duo e6550)

[Ewg]

up (917)

[Ewg]

Орега habrastorage.org/storage/e9fc9a8c/45a8fc0f/1a610ad0/40854c49.jpg
(amd phenom 9850)
парсер не

[TheShock]

Вот это жесть. Аж не верится. Это с ГПУ-ускорением она?

[Spurlos]

11.50 тестовая версия с GPU ускорением. Поищите на Opera Labs

[Svobodniy]

labs.opera.com/news/2011/02/28/

[Mairon]

Нифига себе. Что за версия Opera? Неужели так Vega допилили?
_______________________
habrastorage.org/storage/a5ad8d6b/8e572822/d095ca4f/05caba34.png
Google Chrome 10.0.648.133 (Ubuntu 10.10, IC2D 2,26 GHz, 2Gb RAM, NV GF9600M GT 512 Mb) — 205 к/с

[Svobodniy]

У меня на этой сборке выходит чуть быстрее, чем на обычной Опере (http://habrahabr.ru/blogs/webdev/115528/#comment_3743071)
Может что-то надо в конфиге активировать? Хотя хардварный акселератор там отмечен…

[DSL88]

54 Fps (i5 650, intel HD Graphics)
Google Chrome

[Xmpe]

p.s. FF 4.0

[dordzhiev]

habrastorage.org/storage/c6704062/cf1a26bd/d162f0d2/47be9d85.png
Верста поехала, но кажется, что написано 606 FPS. Chrome 10.0.648.133 Athlon X2 64 5200+, 8800GT

[rpv]

А по моему всего 60 )

[dordzhiev]

Тогда извиняюсь :)
P.S. В IE9 RTM 187 FPS

[VenomBlood]

Там написано 60fps.

[sultee]

Хм, странно. На аналогичной системе (только проц 6к+) показывает 37 fps.

[rpv]

А верстка съезжает в хроме наверняка от того, что в about:flags включен GPU Accelerated Canvas 2D

[Evengard]

Спасибо за УРЛ) Не знал про него )
Chrome 10.0.648.133 со включенным GPU Accelerated Canvas 2D и GPU Accelerated Compositing выдал свыше 155 fps, и ничего не сьехало…

[rpv]

220fps, Core2Duo E6550, GF7600GS, IE 9

[rpv]

34fps, Chrome 10

[rpv]

Ну и IE 8 — тест не работает ) нет поддержки canvas

[merlin-vrn]

о, web-glxgears

[rNix]

Chrome (10.0.648) как с WebGL огорчает, так и с данным решением — производительность в сравнении с FF 4.0 ниже, примерно, в два раза. Видимо, 3d пока что не в приоритетах Google.
FF = 96 fps
Chrome = 42 fps

[soldovskii]

Core i7 920, IE 9 RTM: 290 Fps.

[TheShock]

Один фпс на HTC wildfire, на вид — неплохо.

[Devix]

Samsung Spica — 2 fps. Аж гордостью переполняет меня!

[lasthero]

iPhone 4 – 5 fps!

[Zlobober]

HTC Desire — 7 fps!
И хорошо, что я не купил айфон.

[konki]

Hero(Cronos Ginger 1.8.0) — 2fps
Надо было копить на Desire…

[Veliant]

n900 в Opera — 4fps

[pro100tak]

Как в том анекдоте: — о, а вот и второй кадр!

[TheShock]

Напомните)

[pro100tak]

Дословно не помню, но примерно так:
Встречаются два друга, один рассказывает про игру и даёт диск второму, а тот отнекивается мотивируя слабым компьютером. Через время первый звонит — спросить, что да как:
— Ну как, игру поставил?
— Поставил
— И как тебе? Как заставка?
— Запускается… Заставка супер… о, подожди, вот и второй кадр! Восхитительно!

[bobermaniac]

Странно, у меня iPad показывает 5 fps, но по факту если посчитать самостоятельно их выходит около 2.

[Zlobober]

Видимо, 5 fps он успевает обработать, но, 3 fps, собака, зажимает.

[ernie]

3 fps забирает Apple :)

[ellesar2001]

У меня 7 fps, iOS 4.3

[bobermaniac]

Мистическая картина, три одинаковых устройства работают с разными скоростями. У меня тоже iOS 4.3, iPad 3GS 16GB

[AMCDM]

Откуда у Вас iPad 3GS??!

[bobermaniac]

Описался.

[PsychodelEKS]

у меня Опера под win7 на таком конфиге показывает 64. Правда оператива еще быстрая- 7-7-7-20 на 1600.

[PsychodelEKS]

Ну и видео круче, но оно думаю не влияет вообще.

[Xedin]

163 fps — Safari 5.1

Mac OS X 10.7
C2D 2,4
GeForce 320M

[gidroponic]

открыл в ie9 думал будет на уровне с хромом — какой-то запредельный fps… в шоке…

[unbeliever]

Что же в таком случае мешает ему так же бодро показывать простейшие анимированные гифы? Проверьте это на всех остальных конкурентах и в одном из 4 случаев увидите драматический результат даже без счетчика FPS

[turbo_exe]

у меня эта восьмибитная шляпа вылетает и влетает абсолютно без лагов во всех браузерах. разве что при скролле чуть замедляется. проц c2d e4400, 50% load

[Fragster]

Вот в ИЕ это шляпа, а в других браузерах — рыжее котэ ;)

[LexL]

У меня в IE такое же котэ, что и хромом…

[Fragster]

ну и да, load 0-1% даже на скролле…

[unbeliever]

До выхода Chrome10 я тоже думал что она летает нормально. Последний же гоняет эту анимацию раза в три плавнее и быстрее.

[unbeliever]

И чтобы два раза не вставать:

Почему при нажатии правой кнопкой мыши на свободной части страницы (вызов контекстного меню) количество FPS в IE9 становится равным 0? В то время как конкуренты продолжают показывать анимацию с той же скоростью…

[soldovskii]

Наверное, раз вы нажали правую кнопку, то ваш взляд устремляется к контекстному меню, а что бы не тратить ресурсы компа, а следовательно электричество, ренедр отключается.

[unbeliever]

Логично. И сразу же следует добавить ко всем маркетинговым регалиям новый пункт — зеленый браузинг (мы экономим электричество и ресурсы планеты) :-)

[rpv]

В том же IE 9 — даже если просто выделить текст, то рендеринг начинает тупить

[Incole]

Не правда, выделение текста ни к чему не приводит.

[olegi]

iPhone 4, iOS 4.1 — 5 fps

[iL0bster]

Те же 5fps и на iPod touch 4. Прошивка 4.3

[Deeman]

Интересно, а почему в тесте присутствуют буквы только от A до R? Такой стёб над кириллицей? :)

[ReVizer]

Windows 7 x64, i7 720QM, ATI 5650 (HP Pavilion dv6 3040er):
99 fps — Firefox 4 RC
41 fps — Chrome 11.0.696.3
149 fps — IE9 RC

iOS 4.3, iPhone 4:
5 fps — Safari (Mobile)

[spmbt]

На свежем IE9 зависла чёрная картинка с надписью Waiting вместо числа fps.
Ошибка: Invalid calling object. engine.js, line 333 character 3

Остальные — примерно как называют выше (FF3.6 60, ff4 100, chrome 99, Safari — 60, Ореra 70). Win7 Home 64x, i5 760.

[spmbt]

Ошибся, Chrome — 60.

[Stmf]

Ага, тоже самое, в ie9 «Waiting...»

[RetroGuy]

iPod4 — 5 fps.
Nexus One — 8 fps.

Хм, неожиданно.

[taliban]

lg optimis встроенный бразер — 2fps =)

[lostben]

IE9 — 215
CHROME 11 — 29
i3

[Aleksov]

Mac OS X 10.6.6; E8400@3,6GHz; G92@550 MHz Nvidia 9800GT — 1Gb

Safari 5.0.4 — - — - — - — - — -74 fps
Opera 11.01 — - — - — - — - — 62 fps
Chrome 10.0.648.133 — - -43 fps
Firefox 3.6.15 — - — - — - — - 29 fps

[Aleksov]

А вы пробовали оставить этот тест открытым в браузере на некоторое время? Хотя-бы на час?
i020.radikal.ru/1103/a2/ae28c85af18e.jpg
Вот тот-же браузер, тот-же комп, тот-же тест, вот только «FPS» со временем рости начинает.
Интересно как это понимать? К утру чё будет 830 вместо 83?

[iSlava]

пока в вебе по делу не используют canvas, не вижу смысла в подобных мерялках. ну, бенчмаркинг подойдёт.
к примеру на Athlon(tm) 64 X2 1.9Гц и 8400M G у Chromium 10 — 110 fps, у Firefox 4 RC1 — 58 fps. (ubuntu lucid)
когда я пользуюсь браузерами для веб-серфинга мне в основном безразлично на разницу в мс у javascript'a (основные ресурсы отожрёт флеш) и кол-ва fps при применении canvas (основные ресурсы отожрёт тот же флеш, да и html5 на посещаемых мною ресурсов нету).
в итоге получается так что из тормозов при открытии вкладки (прорисовка анимации и загрузка содержимого) в хроме я перешёл на фф4, хоть он и медленней по куче тестов. в данной ситуации лучше бы разработчики браузеров (я имею ввиду и фф, т.к. под мастдаем интерфейс жутко тормозил) стремились к более оптимизированному интерфейсу, нежели к постоянному увеличению скорости абстрактных попугаев.

[AlexTikhonov]

гм… Chrome 11.0.696.3, Ubuntu 10.10 — 210 fps

[ankh1989]

Chrome — 33 fps
IE — 60 fps

[iSlava]

кстати совет всем тем, кто будет сравнивать фпс Сhrome и IE. Смотря на огромную разницу в попугаях, смею предположить что в IE9 GPU рендеринг включен по умолчанию, а в Chrome для этого необходимо зайти на about:flags и включить всё, что имеет в тексте предложения «GPU».

[AlexTikhonov]

Да, очень похоже на то.

Причем интересно, что под Ubuntu видимо по-умолчанию включено. Так как даже на моем стареньком коре 2.4ггц дает 210-215 fps (правда видяха неплохая — nvidia 280).

IE9 не могу проверить пока (лень win грузить), но ФФ4 с включенным апаратным ускорением всего 95 фпс дает.

[AlexTikhonov]

вру. Сейчас глянул в FF4 (который уже даже типа не бета) в about:support и там GPU Accelerated Windows 0/1

Как включить хз.

Эх, интересно IE9 догонит Chrome или нет… :)

[AlexTikhonov]

И все-ткаи красиво:


Интересно, а сглаживание можно включить? :)

[iSlava]

если видеокарта нвидиа, то nvidia-settings и там есть параметры антиалиасинга

[AlexTikhonov]

Да, нвидия (мой предидущий пост до первого скрина)

ха… 8х антиаласинг, анизотропия 4х, шарп текстуры. Результат тот же.

Решил проверить конкурентный запуск: растаскал по столам. Циферки слева на право: 108 фпс, 91 фпс, 67 фпс, 57 фпс (кликабельно)


Интересно, что при этом спокойно таскаются туда-сюда окошки, а соотношение фпс такое же — т.е. интерактивность не уменьшает фпс.

Есть подозрение что новое ядро (которое 2.6.37) более равномерно распределит нагрузку.

Интересно, а как другие броузера справляются с одновременным отображением теста?

[dmitry_vk]

Chromium 10.0.648.127 / Gentoo Linux — 215 fps

[Fragster]

opensuse 11.4, KDE 4.6, эффекты включены:
firefox 4 b12: 84fps
konqueror khtml: 25fps
konqueror khtml: 36fps
эффекты выключены:
ff: 98fps
konqueror khtml: 28fps
konqueror webkit: 40fps

intel c2q9300, radeon 3850, открытые драйвера

[Vacuum]

LG Optimus One, родной браузер — 2fps

[Fragster]

Кстати да, htc desire альбомная ориентация 8fps, портретная 7fps

[djvu]

LG Optimus 2x — 7fps

[BupycNet]

Samsung N150 Plus
Linux Bupyc-notebook 2.6.37-ck #1 SMP PREEMPT Fri Mar 11 05:56:09 MSK 2011 i686 Intel® Atom(TM) CPU N450 @ 1.66GHz GenuineIntel GNU/Linux
Chromium 12.0.703.0 (77953) Built on Ubuntu 10.10, running on Arch
50 fps
Я думаю тут еще играет роль Vsync.

[dmitry_vk]

Тут не Vsync играет роль. В этом скрипте анимация делается через вызов setInterval с интервалом в 1мс. А в браузерах различаются минимальные значения интервала времени, поэтому браузер не вызывает скрипт только ограниченное число раз в секунду.

[Nordvind]

Win7:
39 fps — Chrome 10
110 fps — IE
18 fps — FF 3.6

Core i3, Radeon 5470. Мне грустно.

[Mithgol]

11fps или 12fps в Firefox 4 поверх Direct3D 9 поверх NVidia GeForce 7600 GS и Celeron 2,4 ГГц.

5fps в Firefox 4 (без GPU-ускорения) поверх HTC Desire.

6fps во встроенном («родном») браузере HTC Desire.

[Mithgol]

В портретной же ориентации экрана «родной» браузер выдаёт 8fps, а Firefox 4 выдаёт 6fps.

[Mithgol]

Мобильник разогрелся до +37,7° (по показаниям внутреннего термометра).

[Fragster]

Срочно дайте ему парацетамола!

[Mithgol]

16fps и 17fps в Firefox 4.0.1 поверх Direct3D 9 поверх PowerColor HD4670 1GB AGP и Celeron 2,4 ГГц.

[VaMpir]

Chrome 11 dev, Archlinux — 149fps

[Hint]

Тут надо не только FPS сравнивать, но и загрузку CPU, которая у меня в среднем 50% на этом тесте.

[Fragster]

Одно ядро на 100% загружено, все правильно

[LiDeBr]

HTC Desire — 7-8 fps

[codec]

Думаю, в случае с Firefox 4, реч идёт о здравом ограничении количества FPS на отметке 100 FPS. Для себя отметил, что тест грузит процессор на 0%, и сколько экземпляров его не запускай, загрузка все равно в районе нулевой.

img823.imageshack.us/img823/6145/testaod.png

Конфигурация:
i7 2600K @ 4.5 Ghz
Win 7 SP1 (32bit)
Firefox 4.0 RC1

[Holms]

это только у меня 9-ый ослик выдает чёрную картину?
хотя в Хроме показывает нормально 65 fps.
NVidia 570 GTX
i7980x

[Holms]

разобрался, это Divx понаставил свои скрипты в системе, удалил Divx Web Player и всё заработало нормально.
Получаю 310 FPS :)

[mChief]

opera 11.50 65 fps
AMD Athlon II X4 2.60 GHz
сначала обрадовался что быстрее чем в хроме, но потом запустил в ие…

[RetroGuy]

Вот заметил интересную штуку. На MacBook Pro 13'' если проигрывать в хроме на внешнем FullHD мониторе — идет на 48 фпс. На собственном мониторе ноутбука с отключенным внешним — … 30 фпс! Чем бы это обьяснить?

[nayjest]

Может разным разрешением экрана?

[VolCh]

Чем меньше, тем медленнее? :)

[AlexTikhonov]

Под Windows Chrome 10+ упирается в VSync (при условии включенного «GPU Accelerated Canvas 2D» в about:flags).

У кого есть желание поправить, кликайте на звездочку на вот этом issue: code.google.com/p/chromium/issues/detail?id=55723

Кстати, в 12-ой канарейке появился «FPS counter» :)

[Taraba4]

Хм… прослеживаеться интересная тенденция если открыть данный тест в нескольких вкладках…

1. Тыкал на ссылку много много много раз:
Вначале повис браузер… а при попытке закрыть его… вызвал ошибку… и повесил ПК (благо сохранил проект над котором работаю)

2. Заметив что самая большая нагрузка идет непосредственно в момент загрузки теста, открывал много вкладок но медленно, ожидая пока каждая не погрузиться полностью:
Все загрузилось без лагов, на первой вкладке fps было около 50, на последующих на пару пунктов ниже. Интересно. Таким макаром дошел до 25 вкладок и ftp порядка 20, После попытки закрыть одну из вкладок поймал жесткий висяк, вылечил завершением процесса в диспетчере(комп не повис).

зы:
Кордвадуа + нвидиа 8800джити + 4Гб оперативы.
Решил поделиться наблюдениями.

[Taraba4]

ах да, Chrome 10

[cursed]

mboga.org/2aa5c0xpmqlunp07l7tbdtxscegb4eq7.png
Калькулятор мой, калькулятор… ;(

atom + 1gb
v 11.01

[Svobodniy]

HTC Desire — 8 fps :)

[sao]

Это у Вас алькулятор? Это у меня калькулятор: рабочий студийный комп, купленный месяц назад для game-developement целей: 64bit Win7 / Core5 2.8GHz / GeForce GT220

Opera v11.01 — 24fps
Chrome v10.0.648 — 22fps
Firefox v3.6.13 — 9fps

[Fragster]

У вас что-то не то с системой. у меня (по файрфоксу) на рабочем компе (celeron 2ГГц, встроенное видео интел 845, 2 ГБ оперативки, вин ХР (для разработки под 1С) ) ff 3.6 выдает как у Вас.

[Fragster]

Селерон на основе пентиум 4, если что.

[Larche]

Intel Core i5 760, 2.80GHz; ASUS ENGTX460 DirectCU TOP/2DI/1GD5; Windows 7 x64

Firefox 3.6.15: 34 fps;
Firefox 3.5.15: 25 fps;
Chrome 10.0.648.127: 59 fps;
Chrome 10.0.648.134: 58 fps;
Opera 11.01.1190: 68 fps;
Opera 10.63.3516: 72 fps;
Safari 5.0.7533.16: 64 fps, но картинка дергалась, видать не все кадры прорисовывались;

[Svobodniy]

Fx 3.6.16 — 22 fps
Opera 11.10 2045 — 39 fps
Opera 11.50 24661 WebGL — 51 fps (может надо что-то в настройках включить?)
Chrome 10.0.648.134 — 33 fps
IE 9.0.8080.16413 — 285 fps (мда...)

Core2Duo 2.13ГГц
2Гб ОЗУ
GeForce 8600 GT 256Мб

[Svobodniy]

IE 9.0.8112.16421 (релиз) — 296 fps!!!

[midday]

n900 — 2fps

[Veliant]

Это на родном, в опере же 4

[midday]

Действительно =) клёва.

[first]

Nexus One
Android 2.3
11 fps

[GreatRash]

Откуда у вас такие мега-цифры в ИЕ9?

Chrome 10 — 38 fps
IE9 — 57 fps (ну да Хром порвал, но не так чтбы прям в клочья)

Intel Core2 Duo 2.33GHz
RAM 2 Gb
Win Дриста (32-битная)

[Megas]

Странно, но Хром 10 который, как я полагал будет работать быстрее всех, почемуто оказался не такой и шустрый. Даже Макстон3 его обогнал.

Lenovo T61
Chrome 10.0.648 — 32 fps
Maxthon 3.0.20 — 38 fps
Opera 11.01 — 41 fps

[Evengard]

Chromium 10.0.648.133 + Linux + Intel® Pentium® D CPU 2.80GHz (т.н. Core Duo, не путать с Core 2 Duo) — выжал со включенными GPU Accelerated Compositing и GPU Accelerated Canvas 2D аж 155 fps! Ну надо же… А без них — 30.

[Evengard]

Ах да, забыл, Palit GeForce 8600GTS — графическая карточка, Arch Linux + KDE 4.6.1 + эффекты включены

[DeSharky]

Я в шоке...52 фпс в хроме 10… и 300!!! в 9 ие. круто однако

[Leong]

хмм. win7 64. ff3.6.x i7-950 hd4890 и всего 34fps. У меня в dirt'ах и crysis'ах гораздо больше чем в этом тесте. И удивляют результаты когда на core2duo за 9000фпс.

[FuN_ViT]

Lenovo s10 9.0.597.107 (75357) Ubuntu 10.04 9-11fps

[apelsyn]

На самом деле тест с подвохом