diff --git a/package.json b/package.json
index 2c0d6aa4e6ce..2e91294f7689 100644
--- a/package.json
+++ b/package.json
@@ -144,6 +144,7 @@
     "vue": "2.7.14",
     "vue2-daterange-picker": "0.6.8",
     "weekstart": "2.0.0",
+    "workbox-cacheable-response": "7.0.0",
     "workbox-core": "7.0.0",
     "workbox-expiration": "7.0.0",
     "workbox-precaching": "7.0.0",
diff --git a/src/entrypoints/service_worker.ts b/src/entrypoints/service_worker.ts
index b7085d01faf1..4b7e262f3bd6 100644
--- a/src/entrypoints/service_worker.ts
+++ b/src/entrypoints/service_worker.ts
@@ -3,6 +3,7 @@
 /// <reference path="../types/service-worker.d.ts" />
 /* eslint-env serviceworker */
 import { cacheNames, RouteHandler } from "workbox-core";
+import { CacheableResponsePlugin } from "workbox-cacheable-response";
 import { ExpirationPlugin } from "workbox-expiration";
 import { cleanupOutdatedCaches, precacheAndRoute } from "workbox-precaching";
 import { registerRoute, setCatchHandler } from "workbox-routing";
@@ -42,6 +43,8 @@ const initRouting = () => {
       // CORS must be forced to work for CSS images
       fetchOptions: { mode: "cors", credentials: "omit" },
       plugins: [
+        // Add 404 so we quicly respond to domains with missing images
+        new CacheableResponsePlugin({ statuses: [0, 200, 404] }),
         new ExpirationPlugin({
           maxAgeSeconds: 60 * 60 * 24 * 30,
           purgeOnQuotaError: true,
diff --git a/yarn.lock b/yarn.lock
index c6770d1298ce..8633fd043e40 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9892,6 +9892,7 @@ __metadata:
     webpackbar: 5.0.2
     weekstart: 2.0.0
     workbox-build: 7.0.0
+    workbox-cacheable-response: 7.0.0
     workbox-core: 7.0.0
     workbox-expiration: 7.0.0
     workbox-precaching: 7.0.0