SW: Shell-Assets nach 2,5s aus dem Cache statt endlos aufs Netz warten

Bei schwachem Empfang blieb die App beim Start SEHR LANGE weiss: CSS +
Kern-JS + index.html waren Network-First OHNE Timeout — der Cache griff
nur bei hartem Fetch-Fehler, nicht bei troepfelnder Verbindung.
Jetzt: Promise.race(Netz, 2,5s) -> Cache-Fallback (stale-while-revalidate,
Netz aktualisiert den Cache im Hintergrund weiter). Versions-Updates laufen
weiter ueber x-app-version + controllerchange.
Bump v1232
This commit is contained in:
rene 2026-06-06 13:05:34 +02:00
parent 6c313aca05
commit a914101c5b
5 changed files with 55 additions and 39 deletions

View file

@ -86,14 +86,14 @@
<title>Ban Yaro</title>
<!-- Theme + theme-color Statusleiste vor CSS setzen -->
<script src="/js/boot-early.js?v=1231"></script>
<script src="/js/boot-early.js?v=1232"></script>
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=1231">
<link rel="stylesheet" href="/css/layout.css?v=1231">
<link rel="stylesheet" href="/css/components.css?v=1231">
<link rel="stylesheet" href="/css/utilities.css?v=1231">
<link rel="stylesheet" href="/css/lists.css?v=1231">
<link rel="stylesheet" href="/css/design-system.css?v=1232">
<link rel="stylesheet" href="/css/layout.css?v=1232">
<link rel="stylesheet" href="/css/components.css?v=1232">
<link rel="stylesheet" href="/css/utilities.css?v=1232">
<link rel="stylesheet" href="/css/lists.css?v=1232">
</head>
<body>
@ -612,11 +612,11 @@
<div id="modal-container"></div>
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
<script src="/js/api.js?v=1231"></script>
<script src="/js/ui.js?v=1231"></script>
<script src="/js/app.js?v=1231"></script>
<script src="/js/worlds.js?v=1231"></script>
<script src="/js/offline-indicator.js?v=1231"></script>
<script src="/js/api.js?v=1232"></script>
<script src="/js/ui.js?v=1232"></script>
<script src="/js/app.js?v=1232"></script>
<script src="/js/worlds.js?v=1232"></script>
<script src="/js/offline-indicator.js?v=1232"></script>
<!-- Feature-Seiten werden lazy geladen -->
@ -626,7 +626,7 @@
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
<script src="/js/boot.js?v=1231"></script>
<script src="/js/boot.js?v=1232"></script>
</body>