ie9 - "the good, the bad, the ugly"
DESCRIPTION
Presentation by Danwei Tran (Microsoft) for the Disruptive Code conference, Stockholm 2010.TRANSCRIPT
![Page 1: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/1.jpg)
Beta
Danwei Tran
Developer Evangelist
@danweitran
![Page 2: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/2.jpg)
![Page 3: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/3.jpg)
![Page 4: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/4.jpg)
![Page 5: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/5.jpg)
Double rainbow guy
![Page 6: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/6.jpg)
”The Good, the Bad, the Ugly”
![Page 7: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/7.jpg)
7
www.IEtestdrive.com
![Page 8: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/8.jpg)
![Page 9: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/9.jpg)
Demo: Pinned Sites
![Page 10: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/10.jpg)
The Good
![Page 11: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/11.jpg)
Browser Subsystems
Collections
JavaScript
Marshalling
HTML
CSS
DOM
Layout
Formatting
Block Building
Rendering
Networking
![Page 12: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/12.jpg)
HTML parsing
CSS parser
Collections
JavaScript
Marshalling
Native OM
Formatting
BlockBuild
Layout
Rendering
Average Distribution Across News Sites
![Page 13: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/13.jpg)
HTML parsing
CSS parser
Collections
JavaScript
Marshalling
Native OM
Formatting
BlockBuild
Layout
Rendering
Average Distribution Across Top AJAX Sites
![Page 14: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/14.jpg)
Source Code
Parser AST Interpreter ByteCode
Foreground
New JavaScript Engine – “Chakra”
Background Background
Compiler
Native
Code
![Page 15: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/15.jpg)
PAGE 15
0
500
1000
1500
2000
2500
3000
3500
4000
Version 0.9.1, Results Generated September 4th, 2010
WebKit SunSpider JavaScript Benchmark Results
![Page 16: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/16.jpg)
Using The Full Power of Your PC
![Page 17: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/17.jpg)
Everyone has a GPU
![Page 18: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/18.jpg)
Demo: Flying images
![Page 19: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/19.jpg)
The Bad
![Page 20: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/20.jpg)
We HTML5 and other modern standards
![Page 21: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/21.jpg)
Member of many
W3C Working Groups
![Page 22: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/22.jpg)
7000 top sites
API (by rank) 1 50 700
Nu
mb
er
of
site
s
7000
0
API Rank Percent of Sites
indexOf 1 94%
getElementById 13 80%
addEventListener 27 65%
getComputedStyle 62 26%
Web API usage
![Page 23: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/23.jpg)
![Page 24: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/24.jpg)
“The real point here is that the Acid3 test
isn't a broad-spectrum standards-support
test. […] Which is a shame, because
what's really needed right now is
exhaustive test suites for specifications”
- Eric Meyer
http://meyerweb.com/eric/thoughts/2008/03/27/acid-redux/
![Page 25: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/25.jpg)
Leading the W3C HTML5
Testing Task Force
![Page 26: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/26.jpg)
Demo: Defining same mark-up
![Page 27: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/27.jpg)
The Ugly
![Page 28: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/28.jpg)
The Ugly ?
![Page 29: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/29.jpg)
Demo: Developer Tools
![Page 30: IE9 - "the good, the bad, the ugly"](https://reader034.vdocuments.us/reader034/viewer/2022050906/55529978b4c905e8128b4e02/html5/thumbnails/30.jpg)
www.BeautyOfTheWeb.com