Jan 1, 2024
Software Engineering
1
 min read

Introducing IDBSideloader.js – Progressive Static Asset Caching for WebApps

I'm excited to release idb-sideloader.js, a new JavaScript module that leverages IndexedDB for powerful static asset caching in web apps.

By sideloading assets directly into the browser, idb-sideloader.js enables:
- Lightning fast subsequent page loads
- Offline asset availability
- Reduced server load

It also polyfills URLSearchParams to improve compatibility with Safari and older browsers.

Check it out:
- npm: https://www.npmjs.com/package/idb-sideloader
- GitHub: https://github.com/clockelliptic/idb-sideloader

Idb-sideloader is already being used in production on SustainedNutrition.com. I'd love feedback from the community on how we can improve it!

Next up on my to-do list is to detect iOS browsers and to convert images and other objects to typed arrays prior to storage, since iOS webkit browsers don't always support IndexedDB Blob storage.

Let me know if you end up using idb-sideloader.js in your projects by dropping by my LinkedIn and sending me a DM! I'm excited to see what people build with it!

Subscribe to my weekly newsletter

The latest news, tips, artwork releases, and business updates from yours truly.

Thanks for joining our newsletter.
Oops! Something went wrong.