Javascript Techniques

Shadow DOM

The shadow DOM allows you to create content separate from your main page. This is useful for isolating your styles and scripts from the main page.

Web Workers

Web workers can be very useful for speeding up a site, moving Javascript tasks off of the main thread and onto separate threads for processing. There are also ways to improve web worker performance.

Service Workers

Service workers can allow you to do tasks independently of your website, even if the site is disconnected from the Internet or the page is closed.

Web Storage API

The web storage API allows you to store data in users’ browsers with easier access.

IndexedDB API

The IndexedDB API is excellent for storing data in browsers for modern web applications.

Javascript Worklets API

The Javascript Workets API allows you to offload animations and other Javascript tasks off of your main thread, potentially speeding up the performance of your site.

Async vs Defer

Knowing the difference between Async and Defer can help to improve the performance of your site by not forcing the main thread to wait for your scripts to load before continuing.