The document discusses the importance of frontend website performance. It provides examples showing that speeding up websites by even small amounts, such as 0.4 seconds, can significantly increase metrics like search traffic, revenue, and reduce bandwidth usage. The document recommends techniques for improving performance like concatenating files, minifying files, using content delivery networks, browser caching, and reducing redundant content. It also discusses tools for analyzing website performance.

1. insearchofspeedhttp://stevesouders.com/docs/speedgeeks-20091026.pptx &.zipDisclaimer: This content does not necessarily reflect the opinions of my employer.

2. Google, Bing biz metrics: http://en.oreilly.com/velocity2009/public/schedule/detail/8523 Yahoo! biz metrics: http://www.slideshare.net/stoyan/yslow-20-presentationShopzilla biz metrics: http://en.oreilly.com/velocity2009/public/schedule/detail/7709Netflix outbound traffic: http://en.oreilly.com/velocity2008/public/schedule/detail/3632Google, Bing charts: http://www.watchingwebsites.com/archives/proof-that-speeding-up-websites-improves-online-businessAptimize WAX: http://blogs.msdn.com/sharepoint/archive/2009/09/28/how-we-did-it-speeding-up-sharepoint-microsoft-com.aspxStrangeloop Networks: http://www.watchingwebsites.com/archives/proof-that-speeding-up-websites-improves-online-businessSproutCore: http://blog.sproutcore.com/post/196959232/how-sproutcore-makes-your-app-run-fasterHTTP Archive Format: http://www.stevesouders.com/blog/2009/10/19/http-archive-specification-firebug-and-httpwatch/@font-face: http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/

4. 17%83%iGoogle, primed cachethe importance of frontend performance9%91%iGoogle, empty cache

5. Make fewer HTTP requestsUse a CDNAdd an Expires headerGzip componentsPut stylesheets at the topPut scripts at the bottomAvoid CSS expressionsMake JS and CSS externalReduce DNS lookupsMinify JSAvoid redirectsRemove duplicate scriptsConfigure ETagsMake AJAX cacheable14 Rules

6. Even Faster Web SitesSplitting the initial payloadLoading scripts without blockingCoupling asynchronous scriptsPositioning inline scriptsSharding dominant domainsFlushing the document earlyUsing iframes sparinglySimplifying CSS SelectorsUnderstanding Ajax performance..........Doug CrockfordCreating responsive web apps............Ben Galbraith, Dion AlmaerWriting efficient JavaScript.............Nicholas ZakasScaling with Comet.....................Dylan SchiemannGoing beyond gzipping...............Tony GentilcoreOptimizing images...................Stoyan Stefanov, Nicole Sullivan

7. Google+ 0.4 secsearches  0.6%

8. Yahoo!+ 0.4 sectraffic  5-9%

9. Bing+2 secrevenue  4.3%

10. Shopzilla-5 secrevenue X%hwY%

11. Netflixoutbound bandwidth 43%

13. fast performance =better user experiencemore trafficmore revenuereduced costs

14. so...why don't more people do it?

15. it'stoohard!

17. if it wasn't hard everyone would do itthe hard is what makes it great

18. this year's theme:Fast by Default

19. Aptimize WAXconcatenate scriptsconcatenate stylesheetssprites, data: URIsfar future Expiresminify JS and CSSautomatically in real time

20. WAX on:http://sharepoint.microsoft.com# requests empty: 96  35# requests primed: 50  9scripts 7, stylesheets 12, images 25pages faster: 46-64% empty, 15-53% primed

21. Strangeloop Networks"typical ecommerce site"pages per visit: 11  16time on site: 24  30 minsconversions: 16%order value: 5.5%

22. Railsfar future Expiresconcatenate scriptsdomain shardingconfigure ETagspipeline: async scripts, spriting, minification, flushing

23. SproutCoreconcatenate scriptsconcatenate stylesheetsversioning (future Expires)stylesheets at the topscripts at the bottomminify JS & CSSremove dupe scripts

24. WPO

25. Why do some sites feel slow?

26. Google Mail

27. Google Docs

28. AOL

29. Twitter

30. ESPN

31. Best Buy

32. IKEA

33. CNN

34. (lack of)Progressive Rendering

35. Search

36. WebPagetest.orgVA, UK, NZIE7, IE8Dial, DSL, FIOSempty, empty & primedquad corePat Meenan (AOL)

37. News

38. Shopping

39. Sports

40. Progressive Enhancementdeliver HTMLdefer JSavoid DOMdecorate later

41. Progressive EnhancementProgressive Rendering

42. recent news

43. finds BG imagesgroups into spritesgenerates spriterecomputes BG posinjects into pagehttp://spriteme.org/

44. Browserscope

45. HTTP Archive Format(HAR)