0Pricing
Browser Extensions Development (Chrome & Edge) · Lesson

Sync vs Local Storage & Quotas

Choose the right Chrome storage area, understand quota limits, and handle storage change events reliably.

Two Main Storage Areas

The Chrome storage API offers several areas. The two you use most are storage.local and storage.sync.

  • local — stays on this device, larger quota
  • sync — syncs across the user's signed-in browsers, smaller quota

When to Use sync

Use storage.sync for user preferences you want to follow them everywhere, like theme or settings. Keep the data small.

chrome.storage.sync.set({ theme: 'dark', fontSize: 14 })

All lessons in this course

  1. One-Way Messaging Patterns
  2. Two-Way Messaging Between Components
  3. Using Chrome Storage API
  4. Sync vs Local Storage & Quotas
← Back to Browser Extensions Development (Chrome & Edge)