The document discusses frontend caching and performance optimization strategies to improve response times, highlighting key factors such as reducing HTTP requests, managing cookie sizes, and effective domain usage. It suggests techniques like combining scripts, using gzip for specific file types, and optimizing images to enhance download speeds. Additionally, it recommends leveraging caching and smart routing to minimize latency for end users.

1. Frontend Caching The “new” frontier ZendCon – San Jose, October 2009

2. Head of R&D at echolibre , pear extraordinaire, author and from Iceland Head of R&D at echolibre , pear extraordinaire, published author and an Icelander Who is Helgi ? Head of R&D at echolibre , pear extraordinaire, author and from Iceland

8. 80% of response time is spent downloading content

11. “ It all depends on how we look at things, and not how they are in themselves.” - Carl G. Jung

14. Key factor in performance Fewer HTTP Requests Easy to improve on

15. Sent with static content Slow upstream speed Big cookies

16. Cookie Size Response Time (Delta) 0 bytes 78 ms ( 0 ms ) 500 bytes 79 ms ( +1 ms ) 1000 bytes 94 ms ( +16 ms ) 1500 bytes 109 ms ( +31 ms ) 2000 bytes 125 ms ( +47 ms ) 2500 bytes 141 ms ( +63 ms ) 3000 bytes 156 ms ( +78 ms ) Times are for page loads on DSL (~800 kbps).

17. Eliminate unnecessary cookies Keep sizes low Appropriate domain levels Set Expires date appropriately

18. Be aware of max connection limits in browsers CNAME to point multiple sub domains to the same IP

19. One domain = 2 Parallel connections

20. Two domains = 4 Parallel connections

21. Too many hostnames can cause complications 2 – 4 sub domains is a good average

22. Combining 6 scripts into 1 eliminates 5 requests Challenges: develop as separate modules

23. combinations vs. loading more than needed

24. JS does not comply with the parallel downloading rule

25. script defer attribute is not a solution blocks rendering and downloads in FF

26. slight blocking in IE Solution: move them as low in the page as possible

27. Crushes the files Strips out all cruft Voodoo magic

28. JSMin Dojo Shrinksafe Packer YUI Compressor http://short.ie/compression-rates

29. You can affect users download times

30. Gzip can be used on JS

31. CSS

32. XML

33. JSON

34. Gzip should not be used on Images

35. PDFs

36. Compressed data formats

37. robots.txt favicon

38. CSS Sprites favicon

39. Badly optimized Thumbnails PNG can be compacted 50%, no quality loss OptiPNG

40. Test on slow connections Slow proxies for developers

41. Data served through a single domain Smart routing software Data closer to the end user – Less latency

42. Amazon CloudFront

43. Appropriate dates Cache far in the future Change file names on releases

44. Firebug Firecookie Yslow Hammerhead http://stevesouders.com/hammerhead/

45. “ Knowledge rests not upon truth alone, but upon error also.” - Carl G. Jung

46. Questions? Email: [email_address] Twitter: @h http://joind.in/talk/view/893