исправляет проблемы с PWA из cписка Lighthouse

package.json

@@ -4,7 +4,8 @@
         "prestart": "node ./scripts/symlink.js",
         "start": "npx @11t/eleventy --serve",
         "prebuild": "node ./scripts/symlink.js",
-        "build": "cross-env NODE_ENV=production npx @11t/eleventy",
+        "build": "cross-env NODE_ENV=production npx @11t/eleventy && npm run build:sw",
+        "build:sw": "workbox generateSW workbox-config.js",
         "stylelint": "stylelint 'src/**/*.css'",
         "eslint": "eslint src"
     },
@@ -33,7 +34,9 @@
         "simple-git-hooks": "^2.7.0",
         "stylelint": "^14.8.2",
         "stylelint-config-standard": "^25.0.0",
-        "tailwindcss": "^3.0.24"
+        "tailwindcss": "^3.0.24",
+        "workbox-build": "^6.5.3",
+        "workbox-cli": "^6.5.3"
     },
     "dependencies": {
         "alpinejs": "^3.10.2",

plugins/manifest-icons/index.js

@@ -31,6 +31,8 @@ module.exports = (eleventyConfig) => {
       }
     }))
 
+    res[res.length - 1].purpose = 'maskable'
+
     return JSON.stringify(res)
   })
 }

src/js/index.js

@@ -4,4 +4,6 @@ import Fuse from 'fuse.js'
 window.Fuse = Fuse
 window.Alpine = Alpine
 
+if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js') }
+
 Alpine.start()

src/layouts/base.njk

@@ -6,6 +6,7 @@
         <title>{{ title or metadata.title }}</title>
         <meta name="description" content="{{ description or metadata.description }}">
         <meta name="generator" content="{{ eleventy.generator }}">
+        <meta name="theme-color" content="#fff"/>
         <link rel="manifest" href="/manifest.json">
         <link rel="stylesheet" href="/css/index.css">
         {% favicon 'src/images/favicon.svg' %}

src/pages/manifset.njk

@@ -4,6 +4,7 @@
   "start_url": "/",
   "display": "standalone",
   "background_color": "#fff",
+  "theme_color": "#fff",
   "description": "Вики с различными полезными статьями",
   "icons": {% manifest_icons 'src/images/favicon.svg', 48, 72, 96, 144, 148, 512 %}
 }

workbox-config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  globDirectory: 'dist/',
+  globPatterns: [
+    '**/*.{png,css,ico,svg,ttf,woff,woff2,js,json}'
+  ],
+  swDest: 'dist/sw.js',
+  ignoreURLParametersMatching: [
+    /^utm_/,
+    /^fbclid$/
+  ]
+}