High Performance Web Sites

1. High Performance Web Sites
Alexandre Porfírio
http://alexandreporfirio.com

2. #1 Make Fewer HTTP
http://www.alexandreporfirio.com 2

3. #2 Use a Content Delivery Network
http://www.alexandreporfirio.com 3

4. #3 Simple HTTP header
http://www.alexandreporfirio.com 4

5. #4 Gzip compression
http://www.alexandreporfirio.com 5

6. #5 Put Stylesheets at the Top
http://www.alexandreporfirio.com 6

7. #6 Put Scripts at the Bottom
http://www.alexandreporfirio.com 7

8. #7 Avoid CSS expressions
http://www.alexandreporfirio.com 8

9. #8 JavaScript and CSS external
http://www.alexandreporfirio.com 9

10. #9 Reduce DNS Lookups
http://www.alexandreporfirio.com 10

11. #10 Minify JavaScript
http://www.alexandreporfirio.com 11

12. #11 Avoid Redirects
http://www.alexandreporfirio.com 12

13. #12 Remove duplicate scripts
http://www.alexandreporfirio.com 13

14. #13 Configure ETags
http://www.alexandreporfirio.com 14

15. #14 Make Ajax cacheable
http://www.alexandreporfirio.com 15

16. Uses redirects
 Amazon no
 CNN yes ................. Initial page
 eBay yes ................ Secondary page
 MSN yes ................ Initial page
 Wikipedia yes ................ Secondary page
 Google no
http://www.alexandreporfirio.com 16

17. time
Redirect
HTML
Script
Stylesheet
Stylesheet
Stylesheet
Image
http://www.alexandreporfirio.com 17

18. External scripts minified
 Amazon ............................................ no
 CNN ............................................ no
 eBay ............................................ yes
 MSN ............................................ yes
 Wikipedia ............................................ no
 Google ........................................... yes
http://www.alexandreporfirio.com 18

19. External minified | Inline minified
 Amazon no ........................... no
 CNN no ........................... no
 eBay yes ........................... no
 MSN yes ........................... no
 Wikipedia no ........................... no
 Google yes ........................... yes
http://www.alexandreporfirio.com 19

20. Duplicate Script
Scripts Stylesheets
 Amazon 3 .......................... 1
 CNN 11 .......................... 2
 eBay 7 .......................... 2
 MSN 9 .......................... 1
 Wikipedia 3 .......................... 1
 Google 1 .......................... 1
http://www.alexandreporfirio.com 20

21. Page weight | Response time
 Amazon 405k ................. 15.9 sec
 CNN 182k ................. 11.5 sec
 eBay 275 k ................ 9.6 sec
 MSN 221k ................ 9.3 sec
 Wikipedia 106k ................ 6.2 sec
 Google 18k ................ 1.7 sec
http://www.alexandreporfirio.com 21

22. Gzip | JSMin Dojo | Compressor
 Amazon 48k ............ 7k .................. 6k
 CNN 29k ............. 6k .................. 6k
 Wikipedia 13k ..............5k ................... 5k
http://www.alexandreporfirio.com 22

23. Thank you!
Alexandre Porfírio
http://alexandreporfirio.com
http://www.alexandreporfirio.com 23