1 / 34

Internet Explorer 9 Overview

Internet Explorer 9 Overview. Leon Braginski Senior Program Manager Microsoft Corporation. Objectives. Understand what is new in Internet Explorer 9 Introduce Internet Explorer 9 Platform Preview. Agenda. Internet Explorer 9 focus areas Exploring Platform Preview Call to action

Ava
Télécharger la présentation

Internet Explorer 9 Overview

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. Internet Explorer 9 Overview Leon Braginski Senior Program Manager Microsoft Corporation

  2. Objectives • Understand what is new in Internet Explorer 9 • Introduce Internet Explorer 9 Platform Preview

  3. Agenda • Internet Explorer 9 focus areas • Exploring Platform Preview • Call to action • Resources

  4. Time Spent in the Browser by Users 20% spend ≥ 80% of time in browser Majority spend 35-75% of time in browser (average = ~50%) 20% spend ≤ 30% of time in browser

  5. Focus Areas of Internet Explorer 9 Internet Explorer 9 HTML5 GPU Acceleration Internet Explorer 9 Platform Preview Performance Same Markup

  6. Performance Components

  7. Performance Investments • New JavaScript engine • Document Object Model (DOM) and JavaScript integration optimization • Layout optimization

  8. Multi-Core Processing Number of CPU Cores for Windows Vista and Windows 7 Users Multi-Core CPU As reported by Windows Experience Index

  9. JavaScript Engine Background Compiler Foreground Source Code Parser AST ByteCode Interpreter Background Native Code Background Compiler NativeCode BackgroundCompiler

  10. WebKit.org’s SunSpider v0.9.1JavaScript Performance Benchmark, generated May 5, 2010 Milliseconds Dell Optiplex with a 3.0 GHz Core 2 Duo Intel processor, 4 GB RAM, Intel integrated video, running Windows 7

  11. demo Internet Explorer 9 Performance

  12. Processor Distribution CPU CPU Foreground Time Time CPU CPU Background Time Time Internet Explorer 8 Internet Explorer 9 • Green – interpret • Orange and blue – layout • Purple and yellow – display to screen

  13. Flying Images – One Animation Internet Explorer 8 CPU Time Internet Explorer 9 CPU Time • Green – interpret • Orange and blue – layout • Purple and yellow – display to screen

  14. Evolution of the Web The HTML5 Web: Graphically Rich The AJAX Web: JavaScript + DOM + Asynchronous Requests Web “2.0” The Content Web: HTML and CSS Web “1.0”

  15. Windows Experience Index Results – GPU GPUs Multi-Core CPU GPU Architecture 4% 15% 32% 27% 12% 10% 1 2 3 4 5 6 7 8 • Graphics Scores of Windows Vista and Windows 7 UsersWindows Experience Index

  16. GPU-Powered HTML 5 • DOM layout and rendering • Alpha color and opacity • Round corners and multiple backgrounds • HTML5-integrated Scalable Vector Graphics (SVG) • <img> element with JPEG-XR, color profiles

  17. HTML5 Media Integration • HTML5 <video> element • MPEG-4/H.264 video • Video composited with any other elements (SVG, HTML) • GPU-based implementation capable of 60fps • Support for hardware video decoders • HTML5 <audio> element • MP3 and Advanced Audio Coding (AAC) audio <video width="800" height="450" src="myvideo.mp4" autoplay> No video for you </video>

  18. demo GPU Acceleration

  19. Same Markup – HTML5 • Same Markup interprets HTML, CSS, and JavaScript the same way across browsers • The core platform must be interoperable • Microsoft is committed to HTML5 • Participating in W3C • Contributing to W3C test suites

  20. Same Markup – API Usage

  21. Same Markup – Standards #stripes tr:nth-child(odd) { background: red; } #stripes tr:nth-child(even) { background: white; } #left { border-radius: 10px; background: blue; }

  22. Same Markup – Scalable Vector Graphics • It is just XML • It is in DOM • Easy client-site debugging • Easily manipulated by script • HTML 5 integration <svg width="400" height="200" xmlns="http://www.w3.org/2000/svg"> <rect fill="red" x="0" y="0" width="247" height="146" rx="50" border="solid" stroke="black" stroke-width="4"/> <rect fill="green" x="50" y="50" width="247" height="146" opacity=".5" /> </svg>

  23. Same MarkupDon’t Look for a Specific Browser • if( navigator.userAgent.indexOf('MSIE') != -1 ) • { • // Code written for browser X • } • else • { • // Code written for browser Y • }

  24. Same MarkupLook for a Specific Browser Feature • if( window.addEventListener ) • { • window.addEventListener("load", fn, false); • } • else if( window.attachEvent ) • { • window.attachEvent("onload", fn); • }

  25. Same MarkupWhat if a Browser Has a Bug in a Feature? • // see jQuery detection of getElementById behavior • // Run a test that targets a known issue • functionrunTest() • { • // create and insert element with specific id in DOM • // try to retrieve document using id • // Check if element correctly retrieved • // set variable result to true if yes, false otherwise • return result; • } • if( !runTest() ) • { • // If not, apply a workaround • }

  26. Same MarkupTake Advantage of CSS • .roundBorder • { • border-radius: 50px; • -moz-border-radius: 50px; • -webkit-border-radius: 50px; • }

  27. Internet Platform 9 Platform Preview • The Platform Preview is available at http://www.IETestDrive.com • Release 2 – May 5th, 2010 • New releases every 8 weeks

  28. Platform Preview Architecture Trident Parsing (HTML, CSS) Object Model (HTML DOM) Page Layout (CSS, flow) AJAX (XMLHttpRequest) Extensibility (ActiveX, Behaviors) Internet Explorer Networking JavaScript (Parser, Interpreter) Rendering and Printing Platform Preview User Interface Trident Developer Tools

  29. Developer Tools • A visual interface to the platform • Fast experimentation • See your changes instantly • New for Internet Explorer 9 • Network activity • JavaScript profiling • Faster performance

  30. demo Developer Tools

  31. Call to Action • Use Same Markup – code for features, not for a specific browser • Check out your sites and new platform capabilities in the Platform Preview • Provide your feedback on Connect • Go to https://connect.microsoft.com • Sign up to provide feedback https://connect.microsoft.com/IE • Submit feedback https://connect.microsoft.com/IE/Feedback • Fill out the evaluation form for this presentation

  32. Resources • Download the Internet Explorer 9 Platform Preview build http://www.IETestDrive.com • Review the Internet Explorer 9 MIX presentations http://live.visitmix.com/Sessions#/tags/InternetExplorer • Review the MIX keynote that features Internet Explorer 9 http://live.visitmix.com/MIX10/Sessions/KEY02 • Check out Internet Explorer 9 Team’s blog http://blogs.msdn.com/ie/

  33. © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

More Related