1. Very High
Performance
Websites
The Next Competitive Advantage*
Slide

2. Me
_Software Developer at SinnerSchrader
_JavaScript Victim Extraordinair
_http://nonblocking.io
_@cramforce
Slide 2

3. Faster,
more responsive
Websites
perform
significantly
better Slide 3

4. Higher
Conversion Slide 4

5. Longer,
Yes Longer
Duration on Site Slide 5

6. More Page
Impressions Slide 6

7. Load time now
a≠ects
Search Ranking
Slide 7

8. Go watch
http://www.youtube.com/watch?v=nCgQDjiotG0

9. Proof

10. 500 ms slower
20% drop in
tra∞c
Slide 10

11. 100 ms slower
1% drop in
sales
Slide 11

12. 1000 ms faster
Download Page
2,7% better
conversion
Slide 12

13. 5000 ms faster
12% better
conversion
Slide 13

14. Potential

15. 8300 ms load
time
6000 ms time
wasted
Slide 15

16. 2900 ms load
time
2200 ms time
wasted
Slide 16

18. What‘s a girl to do?

19. Win the War
in the Frontend Slide 19

20. Backend
Frontend
Slide 20

21. Now Some Very
Easy Rules Slide 21

22. Make fewer HTTP requests
Use a Content Delivery Network (CDN)
Add Expires headers
Compress components with gzip
Put CSS at top
Put JavaScript at bottom
Avoid CSS expressions
Make JavaScript and CSS external
Reduce DNS lookups
Minify JavaScript and CSS
Avoid URL redirects
Remove duplicate JavaScript and CSS
Configure entity tags (ETags)
Make AJAX cacheable
Use GET for AJAX requests
Reduce the number of DOM elements
Avoid HTTP 404 (Not Found) error
Reduce cookie size
Use cookie-free domains
Avoid AlphaImageLoader filter
Do not scale images in HTML
Make favicon small and cacheable Slide 22

23. If it is so Great,
why doesn‘t Everybody do it?

24. Because it is
HARD
Slide 24

25. Slide 25

26. Web
Development
Finally is
Hard again Slide 26

27. Hard =
Hard to Copy Slide 27

28. Hard to Copy =
Potential USP Slide 28

29. You can build a
better Website
than your
Competitor! Slide 29

30. Cost
Revenue
Slower Faster
Slide 30

31. Not everything is a pareto distribution
20% of the
possible
optimizations
get you 50% of
the way Slide 31

32. Take Aways

33. Performance is hard,
hire the right People!
Slide 33

34. 3 Quick Wins to ask
your „Webmaster“
Slide 34

35. 1. Do we do Domain-
Sharding?
2. Do we load all
JavaScript at the bottom
of the page?
3. Do we minimize the
JavaScript? Slide 35

36. Faster Websites =
_ More PIs
_ Higher Conversion
_ Better SEO
_ Better Karma
Slide 36

37. Steve Souders
http://stevesouders.com/
Fast by Default
http://www.slideshare.net/hashc0de/fast-by-default-2400000
Stoyan Stefanov
http://www.phpied.com/
High Performance Web Pages - 20 new
best practices
http://www.slideshare.net/stoyan/high-performance-web-pages-20-new-best-practices
Don‘t make me wait
http://www.slideshare.net/stoyan/dont-make-me-wait-or-building-highperformance-web-applications
The Performance Business Pitch
http://www.phpied.com/the-performance-business-pitch/
Nicole Sullivan
http://www.stubbornella.org
Designing fast Websites
http://www.slideshare.net/stubbornella/designing-fast-websites-presentation
Slide 37

38. More Sources
http://en.oreilly.com/velocity2009/public/schedule/detail/7709
http://blog.mozilla.com/metrics/2010/03/31/firefox-page-load-speed-part-i/
http://en.oreilly.com/velocity2009/public/schedule/detail/7579
http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-
web-search-ranking.html
Slide 38

39. Thank You for
Listening!
http://nonblocking.io
@cramforce