Stevesouders.com/docs/ny-meetup-20120620.pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.

Slides:



Advertisements
Similar presentations
Episodes a shared approach for timing web pages Steve Souders Google Disclaimer: This content does not necessarily reflect.
Advertisements

High Performance Web Sites Essential Knowledge for Frontend Engineers
CS193H: High Performance Web Sites Lecture 5: Make Fewer HTTP Requests Steve Souders Google
CS193H: High Performance Web Sites Lecture 10: Rule 6 – Put Scripts at the Bottom Steve Souders Google
Stevesouders.com/docs/velocity-wpo pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.
Powerlink Frequently FAQ If you still experience issues with Powerlink please feel free to reach out to PSC- or for assistance.PSC-
Now you can download MedEdPORTAL files to your iPad or iPhone using one of many free apps like… iZip iPad or iPhone.
CHAPTER 15 WEBPAGE OPTIMIZATION. LEARNING OBJECTIVES How to test your web-page performance How browser and server interactions impact performance What.
PACS – 06/21/14 1 Cache? What is caching? A way to increase the average rate of a process by preferentially using a copy of data in a faster, closer, probably.
HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.
Traffic Infrastructure ©2013 LinkedIn Corporation. All Rights Reserved. HTTP/2 and a faster Web What it is, what it does and what does it mean.
* * To use Internet Explorer 9 you need Windows® 7, but you can use Internet Explorer 8 on Windows® XP Fast Internet Explorer 9 harnesses the untapped.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 4: Web Browsing.
File Systems.
Stevesouders.com/docs/sfjs pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.
stevesouders.com/docs/accel-hpws pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.
Lesson 4: Web Browsing.
1 Reproduction interdite. © ip-label 2012 Arnaud Becart ip-label.
Analysis and Performance Information Systems 337 Prof. Harry Plantinga.
Performance Comparison of Congested HTTP/2 Links Brian Card, CS /7/
High Performance Websites (Based on Steve Souder’s lecture) By Bhoomi Patel.
Disclaimer: This content does not necessarily reflect the opinions of my employer.
Responsive Web Design Design websites so that they can adapt to different devices seamlessly. Image by Muhammed RafizeldiMuhammed Rafizeldi.
Network. Add speed of light and speed in fiber Inspired by High Performance Browser Networking (Ilya Grigorik) Even Faster Web Sites (Steve Souders)
Mark Phillip markphillip.com 200s, 304s, Expires Headers, HTTP Compression, And You.
Use my floppy disk. 1. copy short cut to desktop. 2.run NoAdHOSTS.exe 3. Surf without ad’s. 4.to reverse everything -edit out all url s you want to return.
And Mobile Web Browsers
Computer Concepts 2014 Chapter 7 The Web and .
 Internet vs WWW  Pages vs Sites  How the Internet Works  Getting a Web Presence.
UDgateway WAN Optimization. 1. Why UDgateway? All-in-one solution Value added services – Networking project requirements Optimize IP traffic on constrained.
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
PC Maintenance How to keep your computer healthy.
JQUERY | INTRODUCTION. jQuery  Open source JavaScript library  Simplifies the interactions between  HTML document, or the Document Object Model (DOM),
OWL Jan How Websites Work. “The Internet” vs. “The Web”?
WW Last Mile End-User Instrumentation Data Aladdin A. Nassar Hotmail & Windows Live Perf Champ Hotmail, Microsoft.
Don't Let Third Parties Slow You Down Arvind Jain, Michael Kleber Google.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Stevesouders.com/docs/amsterdam-meetup pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.
A multi million dollar web browser by Apple.  It renders web pages at lightning speed. It works on your iPad, iPhone, iPod touch, Mac, and PC. It shows.
1 5 things you need to ask about your multi-screen video campaigns. Dan Mouradian, Technical Creative Director Tamara Weinstein, Manager,
SERVICE DESK PERSPECTIVE MyBYU / Mobile App / Mobile Browser.
On The Cooperation of Web Clients and Proxy Caches Yiu Fai Sit, Francis C.M. Lau, Cho-Li Wang Department of Computer Science The University of Hong Kong.
Putting Performance Best Practices Together to Create the Perfect SPA Chris Love2Dev.com.
2007cs Servers on the Web. The World-Wide Web 2007 cs CSS JS HTML Server Browser JS CSS HTML Transfer of resources using HTTP.
HTTP/2 and ATS ATS Fall Summit 2015 Bryan Call. Why HTTP/2? Reduce latency and TCP connection overhead Easier to write well-performing sites (no domain.
The Internet. Important Terms Network Network Internet Internet WWW (World Wide Web) WWW (World Wide Web) Web page Web page Web site Web site Browser.
Thực hiện: D3 GVLT: BROWERS. Browser Compatibility I Check the compatibility II Tools III.
Browser Compatibility Testing, using different browsers Conditional Statements.
+ CIW LESSON 4 Web Browsers. + Basic Functions of Web Browsers Provide a way for users to access and navigate Web pages Display Web pages properly Provide.
Memory Management memory hierarchy programs exhibit locality of reference - non-uniform reference patterns temporal locality - a program that references.
IF STARBUCKS USED INSTART LOGIC, THEY WOULD HAVE A FASTER RESPONSIVE WEBSITE BY PETER BLUM.
And Mobile Web Browsers
Debugging Front-end Performance
Internet Search What you need to know!.
COMP SYSTEM ARCHITECTURE
Lesson 4: Web Browsing.
Steve Ko Computer Sciences and Engineering University at Buffalo
Web Browsers & Mobile Web Browsers.
BTEC NCF Dip in Comp - Unit 15 Website Development Lesson 05 – Website Performance Mr C Johnston.
Apple Safari Customer Support. Apple Safari is well known based on free internet network web browser that was launched by apple inc. it gives a higher.
UDgateway WAN Optimization
Steve Ko Computer Sciences and Engineering University at Buffalo
Browser Engine How it works…..
Lesson 4: Web Browsing.
Firefox focus Lana Marinculic.
And Mobile Web Browsers
High Performance Mobile
And Mobile Web Browsers
INTELLIGENT BROWSERS Cenk Ursavas.
Positioning Boxes Using CSS
Presentation transcript:

stevesouders.com/docs/ny-meetup pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.

backendfrontend “waterfall chart”

Top 10 24% - backend 76% - frontend

10,000+ 8% - backend 92% - frontend

blog.catchpoint.com/2012/06/01/facebook-outage-wake-up-call-for-websites/

www2012.wwwconference.org/proceedings/proceedings/p41.pdf

research.att.com/articles/featured_stories/2011_03/201102_Energy_efficient

Mobile State Machine ?

, requests kB seconds start render seconds PLT mbox.js docwrites /mbox/standard blocks ie7.css blocks rendering don’t docwrite scripts domain sharding PNGs take 3-6 seconds to download

quickbooks.intuit.com requests kB seconds start render seconds PLT mbox.js docwrites /mbox/standard blocks ie7.css blocks rendering don’t docwrite scripts domain sharding add caching headers

turbotax.intuit.com requests kB seconds start render seconds PLT rendering extremely blocked concat scripts, concat stylesheets don’t mix inline & external scripts don’t docwrite scripts domain sharding add caching headers sprites

turbotax.intuit.com this is turbotax this is turbotax on Page Speed

HTTP Archive: 54K URLs, 4.6M resources 55% - NO caching headers 18% - cacheable < 1 day } 73%

adoption is slow

Why so few caching headers? resources are dynamic lack of awareness

“uncacheable” resources aren’t very dynamic 2 weeks is a long gap - daily would be higher 46% 38% Jan 15 46% Feb 1Feb 15 55% uncacheable same as Jan 15

44% 35% “uncacheable” resources are LESS dynamic 2 weeks: 46% (uncacheable) vs. 44% (all) 4 weeks: 38% (uncacheable) vs. 35% (all) who votes for “lack of awareness”? Jan 15 46% Feb 1Feb 15 same as Jan 15 all resources

36% of resources unchanged after 1 month only 11% of resources cacheable for > 1 month

“uncacheable” resources are LESS dynamic! who votes for “lack of awareness”? 44% vs. 46% 35% vs. 38%

% of users missing cacheable resources 20% of page views

* Based on available disk space – I had 50 GB free. (my) browser cache sizes: Chrome: 320 MB (cap)* IE 9: 250 MB IE 7-8: 50 MB Firefox 11: 830 MB* Opera 11: 20 MB iPhone 4: MB Galaxy Nexus: 18 MB

Chrome for Windows stats: 30% (48%?) of users have a full cache full cache users reach that point after 4 hours of active browsing (20 clock hours) 7% of users clear their cache 1+ per week 19% of users experience “fatal cache corruption” 1+ per week

recap: resource owners underutilize max-age users are often missing cacheable resources cache sizes are small; caches fill quickly

what can we do? gather more/better stats make caches bigger (and fix corruption) improve purging logic (mime type, etc.) more intelligent, personalized browsers

cache compressed or uncompressed? Browser Compressed responses cached compressed? Chrome 17yes Firefox 11yes IE 8no IE 9no Safari 5no Opera 11yes