How to make your website blazing fast
•Als PPTX, PDF herunterladen•
1 gefällt mir•932 views
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (19)
Andere mochten auch
Ähnlich wie How to make your website blazing fast
Ähnlich wie How to make your website blazing fast (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
How to make your website blazing fast
- 1. How to make your website blazing fast @joshfraser
- 3. 40% of people will abandon a site that take more than 3 seconds to load
- 4. Slow websites lose money
- 5. Amazon loses 1% of sales for every 100ms of latency
- 6. Google loses 20% of their traffic for every 500ms of latency
- 7. Google penalizes the PageRank of slow websites
- 8. 80-90% of performance is front-end
- 9. Yahoo increased their traffic by 9% with a 400ms speed improvement
- 10. Shopzilla reduced their load time from 7 seconds to 2. Traffic increased 25% and revenue increased 12%
- 11. Waterfall view of 500startups.com
- 12. Time
- 13. 17% back-end 83% front-end
- 14. Onload DOM ready Finished
- 15. Initial connection Time to 1st Byte Content download DNS lookup
- 16. Recognize this?
- 18. Move them closer
- 21. ~90% of traffic claims support
- 22. Ignore the Accept-encoding header and use a white-list of supporting browsers instead
- 24. JS min
- 25. CSS min
- 27. Strip hidden EXIF data
- 28. Use jpegtran & pngcrush / smush.it
- 29. Resize for mobile devices
- 34. Popular CDN’s:
- 35. Akamai
- 36. Level3
- 37. Limelight
- 38. Cloudfront is the most startup friendly
- 39. Use Google’s CDN to host your JS libraries
- 40. Likely local browser cache hit
- 41. Fast & free CDN
- 43. The fastest request is the one that never happens
- 45. Rename files when you change them
- 46. Add GET variables to your static resources to tell browser to download new version Ex: style.css?ts=1311496509
- 50. Use image sprites
- 51. Use data URI’s for images
- 52. Only for small images
- 53. Not supported in all browsers
- 55. Put CSS at the top (inside <head>)
- 56. Allows for progressive rendering
- 57. Put JS at the bottom (before </body)
- 58. Script tags block parallel downloads
- 60. Avoid web fonts
- 62. Minimize use of iframes & cookies
- 63. Keep an eye on 3rd party scripts
- 64. Defer JavaScript
- 67. Gives you dedicated cache space
- 68. Get 5MB dedicated space per domain
- 69. Reduce HTTP requests
- 70. Include static resources w/ initial HTML
- 72. Using localStorage on Mobile 2.2x faster
- 75. stevesouders.com