High Speed Web Sites At Scale
-
Upload
buddy-brewer -
Category
Technology
-
view
1.480 -
download
2
description
Transcript of High Speed Web Sites At Scale
![Page 1: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/1.jpg)
High Speed Web Sites At Scale
Buddy Brewer
![Page 2: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/2.jpg)
About BuddyI build web performance monitoring products and help companies make their sites faster
From San Francisco Bay Area, California
Co-Founder Log-Normal, Inc.
http://lognormal.com
@bbrewer
![Page 3: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/3.jpg)
Does speed matter?How fast is my site?
What can I do about it?
![Page 4: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/4.jpg)
Does speed matter?How fast is my site?
What can I do about it?
![Page 5: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/5.jpg)
![Page 6: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/6.jpg)
In 2006, the average online shopper expected a web page to load in 4 seconds. Today, that same shopper expects your page to load in 2 seconds or less. (Forrester Consulting)
A 1-second delay in page load time equals 11% fewer page views, a 16% decrease in customer satisfaction, and 7% loss in conversions. (Aberdeen Group)
One e-commerce company found that every 100ms delay cost them 1% of sales. (Amazon.com)
![Page 7: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/7.jpg)
Does speed matter?How fast is my site?
What can I do about it?
![Page 8: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/8.jpg)
Synthetic monitoring
![Page 9: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/9.jpg)
Synthetic: Benefits• Object-level response times• Visibility into third-party performance• Visibility into HTTP headers (caching, compression, etc)• Can test parts of your site that aren’t frequented by users• Can get back-end performance for older browsers
![Page 10: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/10.jpg)
Synthetic: Drawbacks• Not representative of real users• Limited coverage of popular browsers• Limited insight into mobile devices and connections• Sometimes limited geographic coverage• Must know in advance what parts of your site you want to analyze• Results can be “gamed” by clever third party vendors
![Page 11: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/11.jpg)
Real User Monitoring
http://www.flickr.com/photos/criminalintent/97181432/
![Page 12: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/12.jpg)
Real User Monitoring: Benefits• Represents the “truth” – by measuring real visitors to your site• You automatically measure the parts of your site that matter to users• Total browser coverage (as long as they support Javascript)• Works equally well on today’s mobile and desktop web browsers• Difficult for third party vendors to game• Can measure performance in the context of business goals (conversions, etc)
![Page 13: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/13.jpg)
Navigation Timing
https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html
![Page 14: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/14.jpg)
Real User Monitoring: Drawbacks• No object-level response times (yet)• You have to add code to your site• User privacy concerns must be navigated• No back-end performance data for legacy browsers
![Page 15: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/15.jpg)
Resources• Free / open source monitoring tools
• Synthetic: WebPageTest (http://www.webpagetest.org)• Real user: boomerang.js (http://github.com/yahoo/boomerang)
• Plenty of commercial options too
![Page 16: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/16.jpg)
Does speed matter?How fast is my site?
What can I do about it?
![Page 17: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/17.jpg)
Use the browser cache
Source: http://httparchive.org/interesting.php#max-age
HTTP 1.0 – Expires: HTTP 1.1 - Cache-Control: max-age
Watch out for Etags!
![Page 18: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/18.jpg)
Compress, shed weight, limit requests
http://httparchive.org/interesting.php#onLoad
![Page 19: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/19.jpg)
Compress, shed weight, limit requests
http://httparchive.org/interesting.php#onLoad
• Make sure Gzip is turned on!• Consider explicitly testing for Gzip support
• Google found 15% of browsers that support Gzip don’t say so• Optimize images (JPEG metadata, colors/channels, smush.it)• CSS sprites, JS minify, combine stylesheets and JS files where possible
![Page 20: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/20.jpg)
Watch out for third parties
http://httparchive.org/trends.php#numDomains
![Page 21: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/21.jpg)
Consider using a content optimizer
![Page 22: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/22.jpg)
![Page 23: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/23.jpg)
Summary
• Make end user performance a priority• Measure your site constantly• Treat performance like a feature
![Page 24: High Speed Web Sites At Scale](https://reader036.fdocuments.in/reader036/viewer/2022070302/5485c54fb4af9f226c8b47df/html5/thumbnails/24.jpg)
Большое спасибо
http://lognormal.com
@bbrewer