What is the difference between cache.put(), cache.add(), and cache.addAll()? How do you implement a cache-first vs network-first strategy?

async function cacheFirst(req) { const cached = await caches.match(req); if (cached) return cached; return fetch(req); }

Difficulty: 6/10

Cache API, Caching strategies, Service Worker

`cache.put(request, response)` stores manually; `cache.add(request)` fetches and stores; `cache.addAll([...])` does same for array. Cache-first serves from cache then network; network-first tries network then falls back to cache.

Cache-first strategy

0-2 years experience

2-5 years experience