Building Fast Webapps (Hudl London - Lunch & Learn)

Performance matters — the difference between users consuming your content or running away frustrated boils down to how quick your web application loads. In this talk we will answer three big questions related to this: WHAT is fast, WHY it is important, and HOW to make it fast.

Transcript

1. (Building) Fast Webapps @mihai #core-library
2. Outline What is a fast webapp Why is this important How can I make it fast ?
3. Fast What does it even mean?
4. “47% of consumers expect a web page to load in 2 seconds or less” -- Akamai, 2009
5. “40% will abandon a web page if it takes more than 3 seconds to load” -- Akamai, 2009
6. Performance matters http://perf.rocks
7. “A 1 second delay in page response can result in a 7% reduction in conversions.” -- Akamai, 2009
8. At 4 seconds load time a quarter of users will abandon your web page. Page abandonment Source: https://blog.kissmetrics.com/loading-time
9. How What does it take to make a fast webapp?
10. The Lean Startup process: Build Measure Learn Making it fast Source: http://theleanstartup.com/principles
11. The Lean Startup process: Build Measure Learn Making it fast Source: http://theleanstartup.com/principles
12. PageSpeed Tools > Insights
13. Developer Tools > Network
14. 1. AMP project by Google https://www.ampproject.org/ 2. “The cost of frameworks” by Paul Lewis https://aerotwist.com/blog/the-cost-of-frameworks/ 3. “The cost of transpiling ES2015 in 2016” by Paul Irish https://github.com/paulirish/The-cost-of-transpiling-es2015-in-2016 4. Web performance tools by Google https://developers.google.com/speed/pagespeed 5. Progressive Web Apps https://developers.google.com/web/progressive-web-apps/ Read Me Learn more about web performance
15. Thank you @mihai #core-library