Hands-On Enterprise Application Development with Python

Fetching CSS in parallel by avoiding CSS imports

CSS is one of the major parts of any frontend that helps in providing the styling information to the browser for how it should style the page it has received from the server. Usually, a frontend may have a number of CSS files associated with it. One of the possible optimizations that we can achieve here is by making these CSS files get fetched in parallel.

So, let's imagine we have the following set of CSS files, namely main.css, reset.css, responsive.css, and grid.css, which our frontend needs to load. The way we allow the browser to load all these files in parallel is by linking them into the frontend using the HTML link tag instead of CSS imports, which causes the CSS files to be loaded ...