High performance web sites

392 views

Published on

High Performance Web Sites

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
392
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

High performance web sites

  1. 1. High Performance Web SitesAlexandre Porfíriohttp://alexandreporfirio.com
  2. 2. #1 Make Fewer HTTP http://www.alexandreporfirio.com 2
  3. 3. #2 Use a Content Delivery Network http://www.alexandreporfirio.com 3
  4. 4. #3 Simple HTTP header http://www.alexandreporfirio.com 4
  5. 5. #4 Gzip compression http://www.alexandreporfirio.com 5
  6. 6. #5 Put Stylesheets at the Top http://www.alexandreporfirio.com 6
  7. 7. #6 Put Scripts at the Bottom http://www.alexandreporfirio.com 7
  8. 8. #7 Avoid CSS expressions http://www.alexandreporfirio.com 8
  9. 9. #8 JavaScript and CSS external http://www.alexandreporfirio.com 9
  10. 10. #9 Reduce DNS Lookups http://www.alexandreporfirio.com 10
  11. 11. #10 Minify JavaScript http://www.alexandreporfirio.com 11
  12. 12. #11 Avoid Redirects http://www.alexandreporfirio.com 12
  13. 13. #12 Remove duplicate scripts http://www.alexandreporfirio.com 13
  14. 14. #13 Configure ETags http://www.alexandreporfirio.com 14
  15. 15. #14 Make Ajax cacheable http://www.alexandreporfirio.com 15
  16. 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. 17. timeRedirectHTMLScriptStylesheetStylesheetStylesheetImage http://www.alexandreporfirio.com 17
  18. 18. External scripts minified Amazon ............................................ no CNN ............................................ no eBay ............................................ yes MSN ............................................ yes Wikipedia ............................................ no Google ........................................... yes http://www.alexandreporfirio.com 18
  19. 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. 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. 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. 22. Gzip | JSMin Dojo | Compressor Amazon 48k ............ 7k .................. 6k CNN 29k ............. 6k .................. 6k Wikipedia 13k ..............5k ................... 5k http://www.alexandreporfirio.com 22
  23. 23. Thank you!Alexandre Porfíriohttp://alexandreporfirio.com http://www.alexandreporfirio.com 23

×