10. ● 80-95% of performance happens in the front end
● Amazon: 100ms cost 1% of sales
● Yahoo: 400ms improvement ~9% traffic
● Firefox: 2.2s improvement ~15.4% downloads
13. ● Use fewer HTTP requests
● Use CDN
● Avoid empty src or href
● Add Expires header
● Compress components with gzip
● Put CSS at top
● Put JS at bottom
● Make JS and CSS external
● Reduce DNS lookups
14. ● Minify JS and CSS
● Avoid URL redirects
● Remove duplicate CSS and JS
● Configure ETags
● Make AJAX cacheable
● Use GET for AJAX requests
● Reduce number of DOM elements
● Avoid HTTP 404 error
● Reduce cookie size
15. ● Use cookie-free domains
● Avoid AlphaImageLoader filter
● Do not scale images in HTML
● Make favicon small and cacheable
16. Advanced CSS/JS Aggregation
● gzip CSS/JS
● Bundler: groups files together
● CSS/JS compression
● CSS/JS validation
● JS to the footer
● lot-lot more options
17. Advanced CSS/JS Aggregation
● 23.4KB vs 4.5KB gzipped CSS
(~80% decrease)
● 93.9KB vs 32.3KB gzipped JS
(~65% decrease)
● 23.4KB vs 4.4KB gzip + minify CSS
(~81% decrease)
● 93.9KB vs 28.5KB gzip + minify JS
(~70% decrease)