rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Perf: Prioritäts-Seiten pre-cache + Stale-While-Revalidate + Background-Warm-up (SW by-v981)

Browse source
This commit is contained in:
rene 2026-05-15 15:41:55 +02:00
parent 78f3077317
commit 1a8716b0b2
3 changed files with 48 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
backend/main.py
View file

@ -408,7 +408,7 @@ async def serve_media(path: str, request: _Request):
raise _HE(404, "Nicht gefunden.")
return _media_response(filepath)
APP_VER = "980" # muss mit APP_VER in app.js übereinstimmen
APP_VER = "981" # muss mit APP_VER in app.js übereinstimmen
@app.get("/.well-known/assetlinks.json")
async def assetlinks():

15
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '980'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '981'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen
@ -1140,6 +1140,19 @@ const App = (() => {
window.App = App; // Worlds kann App.navigate() aufrufen
// App starten
// Prioritäts-Seiten im Hintergrund vorladen (3s nach Start, damit Hauptinhalt nicht blockiert)
window.addEventListener('load', () => {
setTimeout(() => {
if (!('caches' in window)) return;
['admin','erste-hilfe','diary','map','walks','routes','poison','lost'].forEach(page => {
const key = `Page_${page.replace(/-/g,'_')}`;
if (!window[key]) {
fetch(`/js/pages/${page}.js?v=${APP_VER}`).catch(() => {});
}
});
}, 3000);
});
document.addEventListener('DOMContentLoaded', () => {
App.init();
if (IS_STAGING) {

39
backend/static/sw.js
View file

@ -3,16 +3,28 @@
Offline-Cache + Push Notifications + Tile-Cache
============================================================ */
const CACHE_VERSION = 'by-v980';
const CACHE_VERSION = 'by-v981';
const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache
// Prioritäts-Seiten: werden pre-gecacht + Stale-While-Revalidate
const PRIORITY_PAGES = [
'/js/pages/admin.js',
'/js/pages/erste-hilfe.js',
'/js/pages/diary.js',
'/js/pages/map.js',
'/js/pages/walks.js',
'/js/pages/routes.js',
'/js/pages/poison.js',
'/js/pages/lost.js',
];
// index.html wird NICHT pre-gecacht (immer Network-First)
const STATIC_ASSETS = [
'/css/design-system.css?v=700',
'/css/layout.css?v=700',
'/css/components.css?v=700',
'/css/design-system.css?v=980',
'/css/layout.css?v=980',
'/css/components.css?v=980',
'/icons/phosphor.svg',
'/js/api.js',
'/js/ui.js',
@ -22,6 +34,7 @@ const STATIC_ASSETS = [
'/css/MarkerCluster.Default.css',
'/manifest.json',
'/icons/icon-192.png',
...PRIORITY_PAGES,
];
// ----------------------------------------------------------
@ -297,7 +310,21 @@ self.addEventListener('fetch', event => {
return;
}
// CSS, Core-JS + Seiten-Module: immer Network-First — damit iOS nie veraltete Versionen cached
// Prioritäts-Seiten: Stale-While-Revalidate — sofort aus Cache, im Hintergrund aktualisieren
if (PRIORITY_PAGES.includes(url.pathname)) {
event.respondWith(
caches.open(CACHE_STATIC).then(async cache => {
const cached = await cache.match(event.request, { ignoreSearch: true });
const netFetch = fetch(event.request)
.then(res => { if (res.ok) cache.put(event.request, res.clone()); return res; })
.catch(() => null);
return cached ?? (await netFetch) ?? new Response('', { status: 503 });
})
);
return;
}
// CSS, Core-JS + übrige Seiten-Module: Network-First — damit iOS nie veraltete Versionen cached
if (url.pathname.startsWith('/css/') || url.pathname.startsWith('/js/pages/')
|| url.pathname.startsWith('/js/app.js') || url.pathname.startsWith('/js/ui.js')
|| url.pathname.startsWith('/js/api.js') || url.pathname.startsWith('/js/worlds.js')) {
@ -310,7 +337,7 @@ self.addEventListener('fetch', event => {
}
return response;
})
.catch(() => caches.match(event.request)
.catch(() => caches.match(event.request, { ignoreSearch: true })
.then(cached => cached || new Response('', { status: 503 })))
);
return;