How to boost performance, raise efficiency of code and gain control over page loading.

5 materials
Preload critical assets to improve loading speed

Optimize web page performance by preloading assets before the browser discovers them.

Tree Shaking

Tree shaking is a form of dead code elimination. The term was popularized by Rollup, but the concept of dead code elimination has existed for some time. The concept has also found purchase in webpack, which is demonstrated in this article by way of a sample app.

Critical Rendering Path

How does the browser transforms HTML and CSS to pixels on a screen.

Before You memo()

Some techniques to optimize React components composition and get a performance boost for free.


Patterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.