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
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.
Chevron 6 steps
How the Web Works
Review: How the Web Works
Building Mobile First
Building Mobile First
Measuring Performance with Assessment Tools
Review: Measuring Performance
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.
Chevron 7 steps
Optimizing Critical CSS
Optimizing CSS Review
Loading Critical CSS
Loading CSS Review
Responsive and Lazy Loading Images
Responsive Images Review
Optimization 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.