Summary
In this chapter, we have learned how to use the popular Lighthouse tool to measure the performance of our web pages. We’ve learned about the Core Web Vitals – a set of important metrics for a user’s experience of a web page. We’ve introduced techniques to lazily load some of the larger assets on a web page, and we’ve learned about prioritizing the order in which assets load.
The techniques we’ve looked at in this chapter are some simple browser features that we can use to improve the way our web pages load. This will benefit all users and improve engagement with your web pages.
In the next chapter, we’ll look at how we can improve the user experience of our web pages for different devices and viewport sizes using responsive web design and media queries: techniques that can create an even better experience and further boost performance on mobile.