Service Workers & Progressive Web Apps

How should you handle response streaming in a Service Worker?

self.addEventListener('fetch', event => {
  if (event.request.headers.get('accept').includes('text/html')) {
    event.respondWith(
      fetch(event.request)
        .then(response => {
          const clonedResponse = response.clone();
          caches.open('pages').then(cache => {
            cache.put(event.request, clonedResponse);
          });
          return response;
        })
        .catch(() => {
          return caches.match(event.request);
        })
    );
  }
});

Always cache entire responses
Never cache streamed responses
Clone responses before caching and return original for streaming
When handling streamed responses in Service Workers: 1) Clone the response before caching to avoid consuming the stream, 2) Return the original response for immediate streaming to the client, 3) Handle different types of streamed content appropriately, 4) Consider memory usage and performance implications. This ensures proper handling of streamed content while maintaining caching capabilities.
Ignore streaming requests

Next Question (19/20)