Anderson Quach (Microsoft) Tony Gentilcore (Google)

Slides:



Advertisements
Similar presentations
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Advertisements

Why should my organisation move to Internet Explorer 9? An upgrade guide for IT professionals.
CS193H: High Performance Web Sites Lecture 10: Rule 6 – Put Scripts at the Bottom Steve Souders Google
Designing Embedded User Assistance for Web- based Applications Scott DeLoach.
Internet Basics. Objectives What is the Internet? What is the Web? How does the Internet work? What do I need to surf the Net? What will I find on the.
What is the Internet? The Internet is a......distributed hypermedia network of networks.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
©2013 AKAMAI | FASTER FORWARD TM It's all about Performance Measured and Perceived Performance on Desktop and Mobile Devices San Mateo Meetup, July 2013.
Client-Side Processing
CHAPTER 15 WEBPAGE OPTIMIZATION. LEARNING OBJECTIVES How to test your web-page performance How browser and server interactions impact performance What.
With Microsoft FrontPage 2003 Publishing a Web Page.
ENHANCE YOUR DASHBOARD WITH JQUERY
A really fairly simple guide to: mobile browser-based application development (part 1) Chris Greenhalgh G54UBI / Chris Greenhalgh
The DataFlex Web Framework Changing the Game Stephen W. Meeley Development Team Data Access Worldwide
Developing HTML5 Application using MVVM pattern Pekka Ylenius.
Web browsers It’s a software application for retrieving and presenting information on WWW. An information resource is identified by a Uniform Resource.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 4: Web Browsing.
INTRO TO THE WWW. What is the World Wide Web? The World Wide Web (WWW) is most often called the Web. The World Wide Web (WWW) is most often called the.
Lesson 4: Web Browsing.
Introduction Testing is examining the project performance according to the specifications that have been agreed. This will include the robustness of the.
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
Implementing Application Protocols. Overview An application protocol facilitates communication between applications. For example, an client uses.
CSC 2720 Building Web Applications JavaScript. Introduction  JavaScript is a scripting language most often used for client-side web development.  JavaScript.
Lesson 46: Using Information From the Web copy and paste information from a Web site print a Web page download information from a Web site customize Web.
Lesson 46: Using Information From the Web copy and paste information from a Web site print a Web page download information from a Web site customize Web.
Web Browser: Netscape Navigator and Internet Explorer By Bhupendra Ratha, Lecturer School of Library and Information Science Devi Ahilya University, Indore.
Presented by…. Group 2 1. Programming language 2Introduction.
DHTML - Introduction Introduction to DHTML, the DOM, JS review.
IT 210 The Internet & World Wide Web introduction.
Optimizing Your Website’s Performance A Session by Mitchel Sellers.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.
Web Research © Copyright William Rowan Objectives By the end of this you will be able to: Use search engines and *URL’s on the internet as a research.
Adapting web pages for mobile devices Fredrik Andersson Hannes Nevalainen.
20-753: Fundamentals of Web Programming 1 Lecture 1: Introduction Fundamentals of Web Programming Lecture 1: Introduction.
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
DHTML - Introduction Chapter Introduction to DHTML, the DOM, JS review.
WEB SCIENCE. What is the difference between the Internet and the World Wide Web? Internet is the entire network of connected computers and routers used.
Introduction to Programming the WWW I CMSC Summer 2003 Lecture 7.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
PERFORMANCE ENHANCEMENT IN ASP.NET By Hassan Tariq Session #1.
Ajax for Dynamic Web Development Gregory McChesney.
1 Isolating Web Programs in Modern Browser Architectures CS6204: Cloud Environment Spring 2011.
LESSON 15 – UNIT 0 ADAPTING YOUR WEB SITE FOR MOBILE DEVICES.
IE Developer Tools Jonathan Seitel Program Manager.
Introduction to the World Wide Web & Internet CIS 101.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
 AJAX technology  Rich User Experience  Characteristics  Real live examples  JavaScript and AJAX  Web application workflow model – synchronous vs.
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Cloud-managed and delivered across platforms Social incentives and collaboration Easily sharable and embeddable everywhere Rich-media with embedded interactibles.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Computer Basics Introduction CIS 109 Columbia College.
Vineel Vutukuri. What is SPA? Why SPA? Pros & Cons When to use SPA?
Web Technology Seminar
JQuery Fundamentals Introduction Tutorial Videos
Web Technologies Computing Science Thompson Rivers University
50 Performance Tricks to Make your HTML5 apps and sites Faster
Lesson 4: Web Browsing.
Creating Content for Mobile and Embedded Devices
GeneXus 9.0: Web applications at their higher power
ICT Communications Lesson 1: Using the Internet and the World Wide Web
Debugging IE Performance Issues xperf, ETW & NavigationTiming
High-performance web platform
Nic //nicj.net Using Modern Browser APIs to Improve the Performance of Your Web Applications Nic //nicj.net.
Lesson 4: Web Browsing.
DR. JOHN ABRAHAM PROFESSOR UTPA
Web Technologies Computing Science Thompson Rivers University
Mobile Internet and WAP
Yale Digital Conference 2019
Web Application Development Using PHP
Presentation transcript:

Anderson Quach (Microsoft) Tony Gentilcore (Google)

We’ll answer What is the Web Performance Working Group? Why is real-world measurement challenging? What works today? What’s next? Working Group:

Measuring performance today Standard way to measure latency across browsers No way to measure network latency from JavaScript Server-side measures lack complete picture

Resources from HTML : Resource Timing Web standards to measure performance HTML document : Navigation Timing Interactive scenarios : User Timing hyperlink

Challenges with providing performance information Keeping end-users safe w.r.t. privacy and security Efficient implementation in the browser Useful information to assess and diagnose performance issues

Navigation Timing window.performance navigation – describes the type of browsing and browsing activity timing – the time taken to fetch and load the HTML document window.performance.timing; Specification:

The Navigation Timing “gap”

Resource Timing: filling in the gap Detailed timing for resources used by the page redirectStart/End fetchStart domainLookupStart/End connectStart/End requestStart/End responseStart/End loadEventStart/End Identify slow loading resources of any type XHR, CSS, CSS Images,,,,,,,, Specification:

After the load

User Timing: timing interactive apps Simple interface to high-precision timing mark(“open_ ”); Standard location for analytics scripts and dev tools getMarks(); > { open_ } Specification:

Measure painting: a stretch goal Give web apps better insight into when content appears on the screen Allow web apps to determine frame rate for animations Work within security and performance constraints

Spare the CPU

Visibility, Yielding, Painting Allow web app to know if it is in the background so it can be more efficient Poll less frequently Pause animations Stop updates Allow true zero-duration yields Avoid animating faster than paints can keep up

mailto:

Resources Download and try it out Latest version of Microsoft IE9 Latest Google Chrome Beta Demos t.html t.html W3C resources Working Group Navigation Timing Resource Timing User Timing