Front End Web Optimization Workflow
Treehouse
Course Summary
As more people are getting on the web every day, there is a desire for those web sites and apps to load quickly. Most users have become accustomed to better and better performance from their home computers and with more apps moving to the web, that desire for performance is still there. The fact is that slow load times cause user frustration and you lose users and possibly money. In these lessons we're going to exercise some common real-world examples of how you can make a slow web app perform better using common techniques for front-end optimization. By the end, you will have a better understanding about how web apps work, what causes performance issues and how to best address them.
-
+
Course Description
About this Course As more people are getting on the web every day, there is a desire for those web sites and apps to load quickly. Most users have become accustomed to better and better performance from their home computers and with more apps moving to the web, that desire for performance is still there. The fact is that slow load times cause user frustration and you lose users and possibly money. In these lessons we're going to exercise some common real-world examples of how you can make a slow web app perform better using common techniques for front-end optimization. By the end, you will have a better understanding about how web apps work, what causes performance issues and how to best address them. What you'll learn
- Asset Optimization
- Service Workers
- CDNs
About the Teacher
In those rare moments when Dale can actually put the computer down, he enjoys spending time with this wife and two daughters riding bikes and enjoying the outdoors.
-
+
Course Syllabus
Why Performance Matters
What is web performance anyway? Why does it matter? How are web apps delivered to my device and how does that delivery, and my device, impact the perception of performance? How does performance impact the user experience of my web app?So many questions play into the concept of performance and while this seems daunting at first, there are simply strategies that we can use to increase performance and have happier users. 6 steps- How the Web Works 7:02
- Review: How the Web Works 5 questions
- Building Mobile First 6:53
- Building Mobile First 4 questions
- Measuring Performance with Assessment Tools 11:39
- Review: Measuring Performance 6 questions
Asset Optimization
The fastest websites are ones that have no requested code. While this is typically not reasonable or achievable, there are techniques that will reduce latency, increase perceived performance and give our apps better load time.In these lessons we will explore proven practices for reducing the amount of data we need to send as well as tips and techniques for loading essential data first increasing our user's perceived performance experience. 7 stepsOptimization Best Practices
As our web apps get larger and increase in complexity developers need more advanced tolling and practices in order to achieve the results our users demand.These lessons take deeper dives into more complex solutions regarding performance. We will discuss the techniques pros use to make JavaScript even faster; advanced concepts in caching; the benefits of a CDN; and what the future holds for HTTP/2. 8 steps
