Optimizing the critical rendering path

A critical rendering path refers to a series of events a browser goes through to display the initial view of a web page. Its vital that the initial view of your application be loaded quickly as we've seen that modern day users start losing interest after just a second of inactivity.

We looked at the events that occur over the network to load the web page and other relevant resources from our content source to the client in the previous section. All resources that need to be available at the client side for the initial view to be loaded are known as critical resources. We will explore several strategies to deal with critical resources in this section.

The problem of optimizing the critical rendering path ...

Get TypeScript High Performance now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.