{"id":16606,"date":"2010-09-18T11:55:58","date_gmt":"2010-09-18T18:55:58","guid":{"rendered":"http:\/\/blogs.adobe.com\/jnack\/?p=2807"},"modified":"2010-09-18T11:55:58","modified_gmt":"2010-09-18T18:55:58","slug":"flash-runs-faster-more-efficiently-than-html5-on-mobile","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2010\/09\/18\/flash-runs-faster-more-efficiently-than-html5-on-mobile\/","title":{"rendered":"Flash runs faster, more efficiently than HTML5 on mobile"},"content":{"rendered":"<p>Web developer Chris Black <a href=\"http:\/\/www.blackcj.com\/blog\/2010\/09\/17\/flash-outperforms-html5-on-mobile-devices\/\">benchmarked<\/a> an HTML5 animation made using the Canvas tag against the same animation running in Flash. \u00a0The results may surprise you:<\/p>\n<ul>\n<li>HTML5 Canvas on iPhone 4: 22fps<\/li>\n<li>HTML5 Canvas on Nexus One: 40fps<\/li>\n<li>Flash Player 10.1 on Nexus One: 57fps<\/li>\n<\/ul>\n<p>Oh, and Flash Player used half as much battery.<\/p>\n<p>\n<object width=\"425\" height=\"344\"><param name=\"movie\" value=\"http:\/\/www.youtube.com\/v\/sFFax1oYyBE?fs=1&amp;hl=en_US\"><\/param><param name=\"allowFullScreen\" value=\"true\"><\/param><param name=\"allowscriptaccess\" value=\"always\"><\/param><embed src=\"http:\/\/www.youtube.com\/v\/sFFax1oYyBE?fs=1&amp;hl=en_US\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"425\" height=\"344\"><\/embed><\/object>\n<\/p>\n<p>Now, does this mean that HTML5 sucks or shouldn&#8217;t be used? \u00a0<em>Of course not!<\/em> As Chris points out in the comments, it may be possible to tune this Canvas implementation to run better on mobile. \u00a0He also points out ways that Flash could run better on mobile. \u00a0All these implementations are new, and I expect they&#8217;ll all improve, especially as developers figure out what techniques work best for each.<\/p>\n<p>Competition is great. \u00a0For things that HTML5 does best, use it; same goes for Flash. \u00a0Focus on your viewers&#8217; needs, and Adobe will step up with great tools no matter which technolog(ies) you choose.<\/p>\n<p>[Update: Per various reader comments, Chris has <a href=\"http:\/\/www.blackcj.com\/blog\/2010\/09\/20\/optimizing-javascript-with-canvas-for-mobile-devices\/\">posted more details on optimizing Canvas\/JavaScript-based animation<\/a>.]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web developer Chris Black benchmarked an HTML5 animation made using the Canvas tag against the same animation running in Flash. \u00a0The results may surprise you: HTML5 Canvas on iPhone 4: 22fps HTML5 Canvas on Nexus One: 40fps Flash Player 10.1 on Nexus One: 57fps Oh, and Flash Player used half as much battery. Now, does [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[32],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/16606"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=16606"}],"version-history":[{"count":0,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/16606\/revisions"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=16606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=16606"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=16606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}