Зацикливание последовательности изображений большого формата JPEG / PNG

Прошло уже более 2 лет, и я решил запустить эти тесты, чтобы проверить, так ли это до сих пор. Это делает ... и это не так.

1. Firefox Desktop и мобильные устройства выполняют CSS-анимацию значительно быстрее, чем canvas.

2. Рабочий стол Chrome выполняет анимацию холста и CSS примерно одинаково

3. Chrome Mobile (на Nexus 7) работает с точностью до наоборот: холст работает значительно быстрее, чем CSS!

(Использование Firefox Android с Nexus 7 и настольных браузеров в Linux с разрешением 1920x1080)

Browser/OS          Canvas Image   CSS IMage   Canvas Sprites   CSS Sprites    
-----------         ------------   ----------  --------------   -----------
Firefox 16          56.7fps        215.6 fps   59.2fps          203.6fps
Firefox 16 Android  17.1 fps       179.6fps    11.5fps          35.7
Chrome 22           192.3fps       223.5fps    170.1fps         164.3fps
Chrome Android      48.3fps        39.9fps     92.8fps          13.1fps

Что получают все остальные? Кто-нибудь может проверить IE9, 10 для этого?

По моему опыту работы с Canvas вы сможете получить хорошие 50 кадров в секунду на Firefox и даже хорошие 15 кадров в секунду на iOS. IE9, вероятно, будет самым быстрым браузером, другие версии на самом деле не поддерживают Canvas.