PWA 캐싱 전략

캐싱 전략

• cacheFirst (캐시를 네트워크 보다 먼저 요청할 것인지)

  • offline 페이지가 먼저 보여질 때 유리

    

• cacheOnly (캐시만 볼 것인지)

  • static file가 해당

    

• networkFirst (캐시보다 네트워크를 먼저 요청할 것인지)

  • UX에 좋지 않음

    

• networkOnly (네트워크만 요청할 것인지)

  • 캐시가 필요없는 GET 메소드가 아닌 method

    

• staleWhileRevalidate (캐시 먼저, 그 다음 네트워크에서 요청된 캐시 반환)

  • 주로 사용되는 방식

    

• Cache then network (캐시, 네트워크에 요청을 동시에 하고, 캐시 data 먼저 표시, 이후 네트워크 data 표시)

  • workbox에는 없는 전략, networkFirst보다는 UX에 좋음