NEXT GEN YSLOW Marcel Duran Betty Tso Exceptional Performance Team.

Slides:



Advertisements
Similar presentations
Optimizing Websites with YSlow Tom Lianza Co-Founder Wishlisting.com Tom Lianza Co-Founder Wishlisting.com.
Advertisements

Episodes a shared approach for timing web pages Steve Souders Google Disclaimer: This content does not necessarily reflect.
CS193H: High Performance Web Sites Lecture 17: Rule 14 – Make Ajax Cacheable Steve Souders Google
CS193H: High Performance Web Sites Lecture 12: Rule 8 – Make JavaScript and CSS External Steve Souders Google
CS193H: High Performance Web Sites Lecture 2: The Importance of Frontend Performance Steve Souders Google
Widget Summit: Advanced JavaScript Joseph Smarr Plaxo, Inc. October 16, 2007.
Web Performance Meetup 1 Web Performance 101 Jeremy
Web Performance Meetup 1 Web Performance Toolbelt Jeremy
Stevesouders.com/docs/velocity-wpo pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.
By Loukik Purohit & Rohit Ghatol
Testing Web Applications & Services Testing Web Applications & Web Services.
ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.
Copyright © Steven W. Johnson
Javascript Introduction Norman White Material is from w3schools.com Go there to run examples interactively.
Client side performance in Web based Banking applications Divakar Prabhu Infosys Limited (NASDAQ: INFY)
Getting to 2nd Base with your Content Delivery Network Mike Brittain Engineering Architect.
ProJAX An AJAX Framework for Progress Tom Bascom President Greenfield Technologies
Chalermvong Vijitpiyakul Microsoft MVP Greatfriends.biz Community Lead GF 30 August 2009.
Connecting People Across Work and Life.
AJAX asynchronous server-client communication. Test.
Web Page Behavior IS 373—Web Standards Todd Will.
High Performance Websites (Based on Steve Souder’s lecture) By Bhoomi Patel.
Disclaimer: This content does not necessarily reflect the opinions of my employer.
JavaScript Debugging, Diagnostic Web Tools and Firefox Add-ons By Gennady Feldman March 12, 2008 April 9, 2008 At The WebTechNY.com User Group.
Mark Phillip markphillip.com 200s, 304s, Expires Headers, HTTP Compression, And You.
XML on the Web: is it still relevant? O'Neil D. Delpratt.
PHP and MySQL Week#1  Course Plan.  Introduction to Dynamic Web Content.  Setting Up Development Server Eng. Mohamed Ahmed Black 1.
Presented by…. Group 2 1. Programming language 2Introduction.
Ajax Basics The XMLHttpRequest Object. Ajax is…. Ajax is not…. Ajax is not a programming language. Ajax is not a programming language. Ajax is a methodology.
Ajax Application Errors Developer Oversight and Tracking Errors Presented by Eric Pascarello.
WEB SECURITY WEEK 3 Computer Security Group University of Texas at Dallas.
By Lavanya Lakshman Balachandar Sankar 7/24/2010 YAP – Yahoo Application Platform.
Introduction to ArcGIS API for JavaScript
Improving e:Vision user interface using Bootstrap and jQuery
Page Speed Bryan McQuade Richard Rabbat. Outline  What is Page Speed?  Inception of Page Speed  Cool features  Identify unused JavaScript and CSS.
Random Logic l Forum.NET l AJAX Behind the buzz word Forum.NET ● January 23, 2006.
Ajax In Action The Journey into Web2.0 Presented by Eric Pascarello.
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
Mobile web Sebastian Lopienski IT Technical Forum 29 June 2012.
FireBug. What is Firebug?  Firebug is a powerful tool that allows you to edit HTML, CSS and view the coding behind any website: CSS, HTML, DOM and JavaScript.
Coding for Mobile Week 13 TCNJ Web 2 Jean Chu. Web is Dead. Long live the Internet
Fall 2006 Florida Atlantic University Department of Computer Science & Engineering COP 4814 – Web Services Dr. Roy Levow Part 2 – Ajax Fundamentals.
JQuery Introduction © Copyright 2014, Fred McClurg All Rights Reserved.

AFTERCOLLEGE SELF- SERVICE SCRAPE CONFIGURATION AND POSTING UTILITY Kai Hu Haiyan Wu March 17, Cowell 416 Midterm Presentation.
Ajax for Dynamic Web Development Gregory McChesney.
Web Technologies Lecture 1 The Internet and HTTP.
JavaScript Overview Developer Essentials How to Code Language Constructs The DOM concept- API, (use W3C model) Objects –properties Methods Events Applications;
IE Developer Tools Jonathan Seitel Program Manager.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
Web Services Essentials. What is a web service? web service: software functionality that can be invoked through the internet using common protocols like.
© Nayukeji 2013 – All rights reserved– Confidential Unified Cloud Storage with JIO Cédric Le Ninivin – officejs.com.
Enhance Your Page Load Speed And Improve Traffic.
JQuery Fundamentals Introduction Tutorial Videos
Web Basics: HTML/CSS/JavaScript What are they?
Essential tools for implementing and testing websites
Angular 4 + TypeScript Getting Started
Stable and reliable Web Automation
3 Best Website Speed and Performance Checking Tools
Time is the enemy: Ten Core Lessons for Achieving Peak
AJAX.
Pentaho and Yahoo User Interface (YUI)
Hints and tips for faster web apps
Web Systems & Technologies
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
Web Systems Development (CSC-215)
Unit 6 part 3 Test Javascript Test.
Lecture 23, Computer Networks (198:552)
ხელმძღვანელი: დიმიტრი ქარაული
Web Technologies Computing Science Thompson Rivers University
Presentation transcript:

NEXT GEN YSLOW Marcel Duran Betty Tso Exceptional Performance Team

Yahoo! Exceptional Performance WPO - Web Performance Optimization Y! Property Performance Scalability Make Things Go Faster

Look Ma, I can haz speed!

MONOLITHIC CODE

performance analysis logic XUL HTML CSS JS network panel HTTP headers

performance analysis logic HTML CSS JS X-domain AJAX HTTP headers

Look Ma, new friend

Firebug Net Panel

NO ACCESS to Network Panel

- apples to apples more accurate less accurate precision

ideally

Desktop

Hello Mobile

performance analysis logic HTML CSS

bookmarklet injection WITHOUT messing with the page

performance analysis logic HTML CSS YUI JS ? HTTP headers

AJAX can't cross borders

scalable proxy solution needed

performance analysis logic HTML CSS YUI JS YQL HTTP headers

post page onload resource detection

contentWindow.onload listener iframe

inject Doc HTML content

Mutation events listener: - DOMNodeInserted - DOMAttrModified looking for src and href onload

coming soon powered by new mobile friendly interface

coming soon JSON in the cloud support

coming soon open source

coming soon multi language

coming soon { "log":{ "version":"1.1", "creator":{ "name":"Firebug", "version":"1.6.2" }, "browser":{ "name":"Firefox", "version":"3.6.15" }, "pages":[{ "startedDateTime":" T01:50: :00", "id":"page_34997", "title":"dvd - Yahoo! Search Results", "pageTimings":{ "onContentLoad":987, "onLoad":1052 } ], "entries":[{ "pageref":"page_34997", "startedDateTime":" T01:50: :00", "time":771, "request":{ "method":"GET", "url":" "httpVersion":"HTTP/1.1", "cookies":[{ "name":"B", "value":"f0lhc3p6nkqd4&b" }, { "name":"CH" HAR importer command line JavaScript

Thank you! phpied.com YQL

YSlow for Mobile, Beta

Alpha Demo ** expires 6pm PDT **

Exceptional Performance tech.groups.yahoo.com/group/exceptional-performance Contact us