Download
1 / 42
420 likes | 559 Views
HTML5 Browser Wars. Steven Adams July 27, 2011. First, what is a browser?. A. C. B. Second, why do browsers matter?. What transportation mode do they resemble?. How did we get here?. Tim Berners-Lee’s vision . 1992. Source: http :// info.cern.ch. The Mosaic War. 1 992-1993.
E N D
HTML5 Browser Wars Steven Adams July 27, 2011
Tim Berners-Lee’s vision 1992 Source: http://info.cern.ch
The Mosaic War 1992-1993
Browser War I 1995-2001
Browser War II 2006-201X
Browsers we are using Source: NetMarketShare, June, 2011
Browsers and tablets Source: NetMarketShare, May, 2011
Browsers and mobile phone Source: NetMarketShare, June, 2011
Key innovation drivers Plug-ins & Extensions Developer Tools HTML5 standards WebGL & WebCL Web 2.0 Video & Audio New Features Privacy & Security JavaScript engine speeds Adapted from Peter Wayner, Battle of the Web browsers, April 27, 2011
Browser as ecosystem User Interface Data Persistence Browser Engine Display Backend Layout Engine Network JavaScript Engine Other Engines Adapted from Tali Garsiel, How browsers work http://taligarsiel.com/Projects/howbrowserswork1.htm,
How a layout engine works Parse CSS Styling Tree Paint Render Tree Display Backend DOM Content Tree Parse HTML Network JavaScript Engine Adapted from Tali Garsiel, How browsers work http://taligarsiel.com/Projects/howbrowserswork1.htm,
Test Results 450 Source: http://html5test.com/
Total Score = 327 Source: http://html5test.com/
Total Score = 327 Source: http://html5test.com/
Total Score = 286 Source: http://html5test.com/
Total Score = 286 Source: http://html5test.com/
Total Score = 253 Source: http://html5test.com/
Total Score = 141 Source: http://html5test.com/
HTML5 test results Takeaways • The latest versions are increasing their support of HTML5 • The scores do not indicate that Chrome, Firefox, Safari, and Opera are twice as good as Internet Explorer
How a JavaScript engine works Layout Engine Run-time Objects Interpret Code Parse Script Adapted from Tali Garsiel, How browsers work http://taligarsiel.com/Projects/howbrowserswork1.htm,
SunSpider Tests March 2011 Scores in milliseconds, lower is better
JavaScript test results takeaways • Benchmarks include computationally heavy tasks which may not reflect real-world performance. • JavaScript performance outside of a browser is drastically faster than inside of a browser. • An improperly coded JavaScript performance test could be affected by a change to the browser’s layout engine.
