MrPeker

workbox.routing.registerRoute(
  // CSS dosyalarını önbellekle
  /.*\.css/,
  // Önbelleği kullan ama mümkün olduğunda arkaplanda güncelle
  workbox.strategies.staleWhileRevalidate({
    // Özel önbellek ismi kullan
    cacheName: 'css-cache',
  })
);

MrPeker

workbox.routing.registerRoute(
  new RegExp('.*\.js'),
  workbox.strategies.networkFirst()
);

MrPeker

const match = ({url, event}) => {
  return {
    name: 'Workbox',
    type: 'guide',
  };
};

const handler = ({url, event, params}) => {
   // Yanıt “A guide on Workbox” olacaktır
  return new Response(

MrPeker

const handler = ({url, event}) => {
  return new Response(`Custom handler response.`);
};

workbox.routing.registerRoute(match, handler);

MrPeker

workbox.strategies.staleWhileRevalidate({
   // Bu rota için özel isim kullan
  cacheName: 'my-cache-name',

  // Özel eklentiler dizisi ekle (örneğin workbox.expiration.Plugin)
  plugins: [
    ...
  ]
});

MrPeker

workbox.routing.registerRoute(
  match,
  workbox.strategies.staleWhileRevalidate()
);

workbox.routing.registerRoute(
  match,
  workbox.strategies.networkFirst()
);

MrPeker

 workbox.googleAnalytics.initialize(); 

MrPeker

// Cache First stratejisiyle resimlerinizi önbellekleyin
workbox.routing.registerRoute(
  /\.(?:png|gif|jpg|jpeg|svg)$/,
  workbox.strategies.cacheFirst({
    cacheName: 'images',
    plugins: [
      new workbox.expiration.Plugin({
        maxEntries: 60,
        maxAgeSeconds: 30 * 24 * 60 * 60, // 30 Gün
      }),

MrPeker

// Stale While Revalidate stratejisiyle CSS ve JS varlıklarınızı önbellekleyin
workbox.routing.registerRoute(
  /\.(?:js|css)$/,
  workbox.strategies.staleWhileRevalidate(),
); 

MrPeker

 // Google Fonts stil dosyalarını Stale While Revalidate stratejisi ile önbellekleyin
workbox.routing.registerRoute(
  /^https:\/\/fonts\.googleapis\.com/,
  workbox.strategies.staleWhileRevalidate({
    cacheName: 'google-fonts-stylesheets',
  }),
);

// Google Fonts webfont dosyalarını Cache First stratejisiyle bir yıllığına önbellekleyin
workbox.routing.registerRoute(