Using CSS and HTML to Boost Performance
Often, we digital creators work on the latest laptops and test on the latest high-end devices, but the audience of a website can be broad and very diverse. Downloading thousands of high-quality images for a web photo gallery might be quick over super-fast fiber optic broadband, but on a mobile network, it might use a great chunk of the user’s data contract and be a painful experience.
Considering the performance of a website can be the difference between success and failure. As websites have become more sophisticated, with richer interactions and more complexity, they have also become heavier, with more and more data and assets to load.
In this chapter, we’re going to cover the following main topics:
- Understanding the performance of a web page
- Measuring performance with Lighthouse
- Improving the performance of a web page
First, we will look at what we mean by performance in a web context and how we can...