Performance: Beyond Your Portfolio
0 likes549 views
The document discusses web performance optimization techniques, emphasizing user experience and response times. Key strategies include improving load times, utilizing HTTP/2, and optimizing images through compression and lazy loading. It also highlights the importance of minimizing render-blocking JavaScript and focuses on delivering content efficiently.
Performance: Beyond Your Portfolio
- 1. Performance:Beyond YourPortfolio FITC WEB UNLEASHED - OCTOBER 4TH, 2016
- 2. Welcome.
- 3. * jokes may not be as funny
- 4. Welcome.
- 5. *
- 6. Luke DeWitt WEB TEAM LEAD / DAD / ALL AROUND GOOD GUY … who are you?
- 10. RAIL
- 11. RESPONSE
- 12. ANIMATION
- 13. IDLE
- 14. LOAD
- 16. It’s all about the user…
- 17. Response Times 0.1second “Instantaneous Reaction” 1second “Uninterrupted Flow of Thought” 10seconds “User’s Attention”
- 18. Show of hands…
- 19. SQUIRREL!!!
- 21. Response 100ms = Lag Immediate, with substance User Perceived Performance
- 22. Animation
- 25. 60 FPS
- 27. 60 FPS 16ms to react
- 28. Idle Simple tasks Aim for < 50ms
- 29. Load
- 30. SQUIRREL!!!
- 31. Load Load in < 1s Focus on critical path rendering User perceived performance
- 32. Critical Path Rendering 0.0s 0.3s 0.8s 1.2s 1.5s
- 36. Render Blocking LOADED IN <head> LOADED BEFORE </body>
- 43. File Delivery
- 44. HTTP/2
- 45. HTTP/2 == SPDY?
- 47. • Concatenate files • Inline Assets • Combine Images • Domain Sharding
- 48. Components of an HTTP Request – Chapter 10. Primer on Web Performance
- 49. What’s cool in HTTP/2
- 50. Binary Protocol
- 51. Multiplexing
- 52. HTTP/2 for a Faster Web
- 53. HTTP/2 for a Faster Web
- 54. CloudFlare - What is HTTP/2?
- 56. DEMO
- 59. Getting Ready
- 61. Getting Ready
- 62. Browser Support
- 64. HTTP/2 is here!
- 65. Questions? redspace.com / T (902) 444.3490 FACEBOOK REDspace TWITTER @theREDspace LINKEDIN The REDspaceLUKE DEWITT @whatadewitt
- 67. Questions? redspace.com / T (902) 444.3490 FACEBOOK REDspace TWITTER @theREDspace LINKEDIN The REDspaceLUKE DEWITT @whatadewitt
- 68. THANKYOU! Oh, by the way, we’re hiring! http://redspace.recruiterbox.com