Download to read offline
Uploaded byFITC
Performance: Beyond Your Portfolio
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.
More Related Content
Similar to Performance: Beyond Your Portfolio
![Number_Guessing_Game_Dsbsbssbzboc[1].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/numberguessinggamedoc1-251206215042-a076fc05-thumbnail.jpg?width=640&height=640&fit=bounds)
Performance: Beyond Your Portfolio
- 1. Performance:Beyond YourPortfolio FITC WEB UNLEASHED- OCTOBER 4TH, 2016
- 2.
- 3. * jokes maynot be as funny
- 4.
- 5.
- 6. Luke DeWitt WEB TEAM LEAD/ DAD / ALL AROUND GOOD GUY … who are you?
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. It’s all aboutthe user…
- 17. Response Times 0.1second “Instantaneous Reaction” 1second “UninterruptedFlow of Thought” 10seconds “User’s Attention”
- 18.
- 19.
- 20.
- 21. Response 100ms = Lag Immediate,with substance User Perceived Performance
- 22.
- 25.
- 27. 60 FPS 16ms toreact
- 28.
- 29.
- 30.
- 31. Load Load in <1s Focus on critical path rendering User perceived performance
- 32. Critical Path Rendering 0.0s0.3s 0.8s 1.2s 1.5s
- 33.
- 35.
- 36. Render Blocking LOADED IN <head> LOADEDBEFORE </body>
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 47. • Concatenate files •Inline Assets • Combine Images • Domain Sharding
- 48. Components of an HTTPRequest – Chapter 10. Primer on Web Performance
- 49. What’s cool inHTTP/2
- 50.
- 51.
- 52. HTTP/2 for aFaster Web
- 53. HTTP/2 for aFaster Web
- 54. CloudFlare - Whatis HTTP/2?
- 56.
- 57.
- 58.
- 59.
- 61.
- 62.
- 63.
- 64.
- 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 theway, we’re hiring! http://redspace.recruiterbox.com