Beta

Danwei Tran

Developer Evangelist

@danweitran

Double rainbow guy

”The Good, the Bad, the Ugly”

7

www.IEtestdrive.com

Demo: Pinned Sites

The Good

Browser Subsystems

Collections

JavaScript

Marshalling

HTML

CSS

DOM

Layout

Formatting

Block Building

Rendering

Networking

HTML parsing

CSS parser

Collections

JavaScript

Marshalling

Native OM

Formatting

BlockBuild

Layout

Rendering

Average Distribution Across News Sites

HTML parsing

CSS parser

Collections

JavaScript

Marshalling

Native OM

Formatting

BlockBuild

Layout

Rendering

Average Distribution Across Top AJAX Sites

Source Code

Parser AST Interpreter ByteCode

Foreground

New JavaScript Engine – “Chakra”

Background Background

Compiler

Native

Code

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

Using The Full Power of Your PC

Everyone has a GPU

Demo: Flying images

The Bad

We HTML5 and other modern standards

Member of many

W3C Working Groups

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

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

Leading the W3C HTML5

Testing Task Force

Demo: Defining same mark-up

The Ugly

The Ugly ?

Demo: Developer Tools

www.BeautyOfTheWeb.com

Danwei Tran

danwei.tran@microsoft.com

@danweitran