How to make your website blazing fast
•Descargar como PPTX, PDF•
1 recomendación•931 vistas
Recomendados
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (19)
Destacado
Similar a How to make your website blazing fast
Similar a How to make your website blazing fast (20)
Último
Último (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