Stale-while-revalidate

दोनों की Best

Stale-while-revalidate speed के लिए cached content को immediately serve करता है, फिर background में cache को update करता है। Users को instant feedback मिलता है जबकि fresh data को asynchronously fetch किया जाता है।

Stale-while-revalidate Implementation

Cache से immediately serve करें, background में fresh data fetch करें, cache को update करें।

self.addEventListener('fetch', event => {
  event.respondWith(
    caches.open('v1').then(cache => 
      cache.match(event.request).then(response => {
        const fetchPromise = fetch(event.request).then(networkResponse => {
          cache.put(event.request, networkResponse.clone());
          return networkResponse;
        });
        return response || fetchPromise;
      })
    )
  );
});

Output:

Cached content served instantly; fresh version fetched and cached in background.

त्वरित जाँच

त्वरित जाँच: Stale-while-revalidate का मुख्य लाभ क्या है?

• Users को instant response देना जबकि background में fresh data update हो
• हमेशा newest content को serve करना
• Server load को completely reduce करना