6 materials
Preload critical assets to improve loading speed

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


Invaluable tool for keeping track on what technologies are currently implemented in browsers.

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.

CSS Triggers

Tells you what gets triggered by mutating a given CSS property.


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