diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 63fb0a138..f04c9d10e 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -137,7 +137,6 @@ export const applyTheme = (
     }
   }
 
-  let cache
   const { lazyProcessFunc } = generateTheme(
     input,
     {
@@ -150,13 +149,16 @@ export const applyTheme = (
       },
       onEagerFinished () {
         adoptStyleSheets([eagerStyles])
-        cache = { engineChecksum: getEngineChecksum(), data: [eagerStyles.rules, lazyStyles.rules] }
-        localforage.setItem('pleromafe-theme-cache', cache)
         onEagerFinish()
       },
       onLazyFinished () {
         adoptStyleSheets([eagerStyles, lazyStyles])
+        const cache = { engineChecksum: getEngineChecksum(), data: [eagerStyles.rules, lazyStyles.rules] }
         onFinish(cache)
+        const compress = (js) => {
+          return pako.deflate(JSON.stringify(js))
+        }
+        localforage.setItem('pleromafe-theme-cache', compress(cache))
       }
     },
     debug