1 / 42

HTML5 Browser Wars

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.

paco
Télécharger la présentation

HTML5 Browser Wars

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML5 Browser Wars Steven Adams July 27, 2011

  2. First, what is a browser? A C B

  3. Second, why do browsers matter?

  4. What transportation mode do they resemble?

  5. How did we get here?

  6. Tim Berners-Lee’s vision 1992 Source: http://info.cern.ch

  7. The Mosaic War 1992-1993

  8. Browser War I 1995-2001

  9. Browser War II 2006-201X

  10. Browsers we are using Source: NetMarketShare, June, 2011

  11. Browsers and tablets Source: NetMarketShare, May, 2011

  12. Browsers and mobile phone Source: NetMarketShare, June, 2011

  13. 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

  14. So how does a browser work?

  15. 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,

  16. 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,

  17. Test Results

  18. Test Results 450 Source: http://html5test.com/

  19. Total Score = 327 Source: http://html5test.com/

  20. Total Score = 327 Source: http://html5test.com/

  21. Total Score = 286 Source: http://html5test.com/

  22. Total Score = 286 Source: http://html5test.com/

  23. Total Score = 253 Source: http://html5test.com/

  24. Total Score = 141 Source: http://html5test.com/

  25. 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

  26. 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,

  27. SunSpider Tests March 2011 Scores in milliseconds, lower is better

  28. 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.

  29. The “brands” inside

  30. 5 Predictions

  31. Prediction #1: Chrome will win Browser War II

  32. Prediction 2#: Multi-engine browsers will not take off

  33. Prediction #3: Custom-built browsers will take off

  34. Prediction #4: Web apps will have built in browsers

  35. Prediction #5: Cloud-based Browsers are coming

More Related