IE9 - "the good, the bad, the ugly"

31
Beta Danwei Tran Developer Evangelist @danweitran

description

Presentation by Danwei Tran (Microsoft) for the Disruptive Code conference, Stockholm 2010.

Transcript of IE9 - "the good, the bad, the ugly"

Page 1: IE9 - "the good, the bad, the ugly"

Beta

Danwei Tran

Developer Evangelist

@danweitran

Page 2: IE9 - "the good, the bad, the ugly"
Page 3: IE9 - "the good, the bad, the ugly"
Page 4: IE9 - "the good, the bad, the ugly"
Page 5: IE9 - "the good, the bad, the ugly"

Double rainbow guy

Page 6: IE9 - "the good, the bad, the ugly"

”The Good, the Bad, the Ugly”

Page 7: IE9 - "the good, the bad, the ugly"

7

www.IEtestdrive.com

Page 8: IE9 - "the good, the bad, the ugly"
Page 9: IE9 - "the good, the bad, the ugly"

Demo: Pinned Sites

Page 10: IE9 - "the good, the bad, the ugly"

The Good

Page 11: IE9 - "the good, the bad, the ugly"

Browser Subsystems

Collections

JavaScript

Marshalling

HTML

CSS

DOM

Layout

Formatting

Block Building

Rendering

Networking

Page 12: IE9 - "the good, the bad, the ugly"

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"

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"

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"

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"

Using The Full Power of Your PC

Page 17: IE9 - "the good, the bad, the ugly"

Everyone has a GPU

Page 18: IE9 - "the good, the bad, the ugly"

Demo: Flying images

Page 19: IE9 - "the good, the bad, the ugly"

The Bad

Page 20: IE9 - "the good, the bad, the ugly"

We HTML5 and other modern standards

Page 21: IE9 - "the good, the bad, the ugly"

Member of many

W3C Working Groups

Page 22: IE9 - "the good, the bad, the ugly"

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"
Page 24: IE9 - "the good, the bad, the ugly"

“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"

Leading the W3C HTML5

Testing Task Force

Page 26: IE9 - "the good, the bad, the ugly"

Demo: Defining same mark-up

Page 27: IE9 - "the good, the bad, the ugly"

The Ugly

Page 28: IE9 - "the good, the bad, the ugly"

The Ugly ?

Page 30: IE9 - "the good, the bad, the ugly"

www.BeautyOfTheWeb.com

Page 31: IE9 - "the good, the bad, the ugly"

Danwei Tran

[email protected]

@danweitran