The document discusses web performance optimization and provides an overview of why it is important. It notes that speed impacts search engine rankings and user interactions. Performance impacts revenue, as websites gain weight over time from additional files and third parties that slow things down. The document outlines factors that affect performance like roundtrip latency, browser limits, and the delivery chain. It recommends ways to measure performance using Google's guidelines of sites loading in under 2 seconds. Suggested best practices are compressing content, optimizing images, minifying files, caching content, and merging files to improve performance.

1. Web Performance Optimization
A Detailed Overview
@AloisReitbauer

2. Web
Performance
Optimization

3. Why?

4. Speed impacts who sees you
Source: http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html

5. Speed impacts interactions
Source: Jake Brutlag and Eric Schuman at Velocity 2009

6. Speed is the Top Feature
http://carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/

7. Performance = Money

8. Web sites gain weight

9. 160 kB more in one year!

10. ... not always for good reasons
<td style="padding-left:10px; overflow: hidden; white-space: nowrap;"> * 9000
= 2 MB
17 Seconds

11. Third Parties makes us slow
Our site
+ ...

12. Web
Performance
Optimization

13. Latency and
Bandwidth

14. Roundtrips & Latency
1
Content 2
Icon: http://www.gettyicons.com/free-icon/112/hardware-icon-set/free-server-icon-png/

15. Browsers
have limits

16. More means slow

17. It’s not under your control

18. Web Application Delivery Chain
Content
Internet
Server
Browser
Processing
3rd Party

19. W3C
Performance
Working
Group

20. Works in modern browsers

21. Web
Performance
Optimization

22. Measuring performance
the Google way

23. Interaction dependent

24. User expectations increase

25. Websites should
load in 2 seconds
or less

26. A challenging goal

27. Web
Performance
Optimization

28. What
and
How

29. What
and
How

30. Books you should read

31. Get your site a
six pack

32. Intelligent
Markup

33. What
and
How

34. There is no magic pixie dust ..

36. Best Practice Tools

37. Benchmarking Tools

38. Deep Dive Analysis

39. Real User Experience

40. Synthetic Monitoring

41. Start tomorrow …
Compress your content
Smush your images
Minify CSS/HTML
Cache your content
Merge your files

42. It’s under your control …

43. Alois Reitbauer
alois.reitbauer@dynaTrace.com
@AloisReitbauer
http://blog.dynatrace.com