Embed Size (px)
Citation preview
Web Performance OptimizationA Detailed Overview @AloisReitbauer
Web
Performance
Optimization
Why?
Source: http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html
Speed impacts who sees you
Source: Jake Brutlag and Eric Schuman at Velocity 2009
Speed impacts interactions
http://carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/
Speed is the Top Feature
Performance = Money
Web sites gain weight
160 kB more in one year!
<td style="padding-left:10px; overflow: hidden; white-space: nowrap;">
... not always for good reasons
* 9000
= 2 MB
17 Seconds
Third Parties makes us slow
+ ...
Our site
Web
Performance
Optimization
Latency andBandwidth
DN
S
Content
Icon: http://www.gettyicons.com/free-icon/112/hardware-icon-set/free-server-icon-png/
1
2
Roundtrips & Latency
Browsers have limits
More means slow
It’s not under your control
Web Application Delivery Chain
Browser
3rd Party
Server
Internet<html> <head>
Content
Processing
W3C Performance Working Group
Works in modern browsers
Web
Performance
Optimization
Measuring performance the Google way
Interaction dependent
User expectations increase
Websites shouldload in 2 secondsor less
A challenging goal
Web
Performance
Optimization
Whatand How
Whatand How
Books you should read
Get your site a six pack
IntelligentMarkup
Whatand How
There is no magic pixie dust ..
Best Practice Tools
Benchmarking Tools
Deep Dive Analysis
Real User Experience
Synthetic Monitoring
Start tomorrow …
Compress your content
Smush your images
Minify CSS/HTML
Cache your content
Merge your files
It’s under your control …
