IndexedDB is the browser's built-in storage system for large, structured data. Learn what it is, how it works, and when websites use it instead of local or session storage.
Have you ever used a web app that kept working even when your internet dropped? Or one that felt as fast as a native app installed on your phone, with large amounts of data loading instantly? Behind those experiences is usually something far more capable than the basic browser storage tools we have covered so far. That something is IndexedDB.
IndexedDB is the most capable browser storage type available, and it sits at a level above what local storage and session storage were designed to handle. Most business website owners will never interact with it directly, but understanding it gives you a complete picture of what browsers are capable of storing.
What is IndexedDB?
IndexedDB is a low-level database built into the browser. Unlike local storage and session storage, which store simple key-value pairs of text, IndexedDB can store structured data: objects, arrays, files, and binary data. It is searchable, indexable, and capable of storing far more data than the other browser storage types.
The name gives you a clue about how it works. It uses indexes, which are like lookup tables, to find stored records quickly without having to search through everything. This makes it practical for storing and retrieving large amounts of structured information inside the browser itself.
How does IndexedDB differ from other browser storage?
Local storage stores small text values and keeps them indefinitely. Session storage does the same but only for the current tab session. Both are simple and limited. IndexedDB is fundamentally different in scope and capability.
Storage capacity is one of the main differences. While local storage is typically capped at 5 to 10 megabytes, IndexedDB can store hundreds of megabytes or more depending on the browser and the device. It also stores complex data structures directly, not just plain text. And it supports queries, meaning the website can search and filter stored records rather than just retrieving a value by its exact key.
What do websites use IndexedDB for?
Offline functionality
Web apps that need to work without an internet connection use IndexedDB to store data locally on the device. A note-taking app, a project management tool, or an email client can save records in IndexedDB so the visitor can still read, create, and edit content even when offline. The changes sync back to the server once the connection is restored.
Large datasets in the browser
Applications that work with large amounts of data, like maps, complex filters, or large product catalogs, can use IndexedDB to cache that data locally. This reduces how often the app needs to _blocked_ data from the server and makes the experience significantly faster for the user.
File storage
IndexedDB can store files directly in the browser. This makes it useful for apps where users upload or generate content that needs to be accessible across sessions before it is sent to the server.
Do most websites use IndexedDB?
No. IndexedDB is used by complex web applications, not by typical business websites. A marketing site, a service website, an online store, and most content-driven sites have no need for it. Their storage needs are well covered by cookies, local storage, and session storage.
For your own website, the platform you build on handles all storage decisions. WEMASY's website builder uses the right storage type for each feature automatically. For a side-by-side view of all browser storage types and how they fit together, read types of browser storage.
Frequently asked questions
Is IndexedDB a real database?
It is a database in the sense that it stores structured data, supports indexing, and allows queries. But it is very different from a server-side database. It runs entirely in the browser on the visitor's device, not on a remote server. It is designed for client-side storage, not for the kind of shared, multi-user data management that server databases handle. With WEMASY's website builder, you can set this up directly on your website.
How much data can IndexedDB store?
Much more than local or session storage. Most browsers allow IndexedDB to use a significant portion of available disk space, often hundreds of megabytes or more. The browser may prompt the user for permission if a website tries to store a very large amount. The exact limit varies by browser and can also depend on how much free space is available on the device.
Does IndexedDB data persist after the browser closes?
Yes. IndexedDB data is persistent by default, similar to local storage. It stays in the browser until the user clears their browser data or until the website removes it. This persistence is what makes IndexedDB suitable for offline-capable applications where data needs to survive between sessions.
Is IndexedDB secure?
IndexedDB is isolated per website, so one website cannot access another site's data. But like other browser storage types, it is accessible to scripts running on the page. Sensitive data like passwords, payment details, and personal information should never be stored in IndexedDB. It is well suited for application data and large content but should not be used as a substitute for secure server-side storage.
Can visitors clear their IndexedDB data?
Yes. Clearing browser data through browser settings removes IndexedDB along with cookies, local storage, and cache. Visitors can also clear it through developer tools. Applications that depend on IndexedDB for important data should account for this by syncing data to a server when a connection is available, so local data is never the only copy.
Do I need to know about IndexedDB to build a website?
No. IndexedDB is a tool for developers building complex web applications. As a website owner using a platform, you will never interact with it directly. Your website builder handles browser storage decisions in the background. Understanding IndexedDB is useful for building a complete picture of how browsers work, but it has no practical bearing on how you run or manage your website day to day.