Perf: 9 Performance-Fixes — SW by-v1072

Backend:
- DB: 3 neue Indizes (forum_posts thread+user, routes user) — Forum/Routen-Queries
- Caching: cache.py (TTL-Cache ohne neue Dependency) für 5 statische Listen
  (training_exercises, pflege_tipps, wiki_stats, wiki_gruppen, help_articles)
- diary.py + breeder_photos.py: Bildverarbeitung (ffmpeg/PIL/EXIF) per
  run_in_executor → blockiert Event-Loop nicht mehr
- scheduler.py: 11 kollidierende Jobs auf 5-Min-Intervalle gestaggert, coalesce=True
- social.py: ORDER BY RANDOM() ohne LIMIT in 2 Stellen gefixt
- alerts.py: Haversine-Loop bekommt SQL-Bounding-Box-Vorfilter

Frontend:
- sw.js: Tile-Cache mit LRU-Eviction (max 500 Einträge)
- admin.js: Event-Listener-Leak — Tab-Klicks per Delegation statt N Listener
- api.js: compressImage() Helper — Client-seitiges Resize auf max 2000px
  (HEIC/Videos/<500KB unverändert), integriert in 8 Upload-Stellen
  (diary, dog-profile×2, walks, poison, lost, health×2)

Bump APP_VER 1071 → 1072 (sw.js, app.js, main.py, index.html)

backend/static/js/pages/admin.js

@@ -8,6 +8,7 @@ window.Page_admin = (() => {
   let _container = null;
   let _appState  = null;
   let _tab       = 'uebersicht';
+  let _delegationAttached = null;  // WeakRef-Ersatz: zuletzt mit Delegation versehener Container
 
   const TABS = [
     { id: 'uebersicht',  label: 'Übersicht',        icon: 'house-line'       },
@@ -71,20 +72,43 @@ window.Page_admin = (() => {
 
     _container.querySelector('#adm-tabs')
       ?.style.setProperty('--adm-tab-cols', Math.ceil(TABS.length / 2));
-    _container.querySelectorAll('#adm-tabs .by-tab').forEach(btn => {
-      btn.addEventListener('click', () => {
-        _tab = btn.dataset.tab;
-        _container.querySelectorAll('#adm-tabs .by-tab').forEach(b =>
-          b.classList.toggle('active', b.dataset.tab === _tab)
-        );
-        _renderTab();
-      });
-    });
+
+    // Event-Delegation: Listener EINMAL pro Container-Instanz setzen
+    // (innerHTML überschreibt zwar das DOM, aber bei jedem init() würden ohne
+    //  Flag erneut N=18 Tab-Listener akkumuliert werden)
+    if (_delegationAttached !== _container) {
+      _container.addEventListener('click', _onContainerClick);
+      _delegationAttached = _container;
+    }
 
     _renderActionItems();
     _renderTab();
   }
 
+  // Delegation-Handler für Tab-Buttons + Action-Item-Buttons
+  function _onContainerClick(e) {
+    // Tab-Button (#adm-tabs .by-tab)
+    const tabBtn = e.target.closest('#adm-tabs .by-tab');
+    if (tabBtn && _container.contains(tabBtn)) {
+      _tab = tabBtn.dataset.tab;
+      _container.querySelectorAll('#adm-tabs .by-tab').forEach(b =>
+        b.classList.toggle('active', b.dataset.tab === _tab)
+      );
+      _renderTab();
+      return;
+    }
+    // Action-Item-Button ([data-action-tab])
+    const actionBtn = e.target.closest('[data-action-tab]');
+    if (actionBtn && _container.contains(actionBtn)) {
+      _tab = actionBtn.dataset.actionTab;
+      _container.querySelectorAll('#adm-tabs .by-tab').forEach(b =>
+        b.classList.toggle('active', b.dataset.tab === _tab)
+      );
+      _renderTab();
+      return;
+    }
+  }
+
   async function _renderActionItems() {
     const el = _container.querySelector('#adm-action-items');
     if (!el) return;
@@ -134,15 +158,7 @@ window.Page_admin = (() => {
         </span>
       </div>`;
 
-    el.querySelectorAll('[data-action-tab]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        _tab = btn.dataset.actionTab;
-        _container.querySelectorAll('#adm-tabs .by-tab').forEach(b =>
-          b.classList.toggle('active', b.dataset.tab === _tab)
-        );
-        _renderTab();
-      });
-    });
+    // Klicks auf [data-action-tab] werden zentral via _onContainerClick (Delegation) behandelt
   }
 
   async function _renderTab() {

backend/static/js/pages/diary.js

@@ -1728,8 +1728,10 @@ window.Page_diary = (() => {
           if (saveBtn) saveBtn.textContent = `0 von ${total} hochgeladen…`;
 
           const results = await Promise.all(_newFiles.map(async file => {
+            // Bild-Kompression vor Upload (HEIC/Video/<500KB werden unverändert durchgereicht)
+            const toUpload = await API.compressImage(file);
             const formData = new FormData();
-            formData.append('file', file);
+            formData.append('file', toUpload);
             try {
               const m = await API.diary.uploadMedia(_appState.activeDog.id, entryId, formData);
               if (saveBtn) saveBtn.textContent = `${++done} von ${total} hochgeladen…`;

backend/static/js/pages/dog-profile.js

@@ -762,8 +762,10 @@ window.Page_dog_profile = (() => {
       const file = e.target.files[0];
       if (!file) return;
       try {
+        // Client-Side-Kompression vor Upload (HEIC bleibt unverändert)
+        const toUpload = await API.compressImage(file);
         const fd = new FormData();
-        fd.append('file', file);
+        fd.append('file', toUpload);
         const result = await API.dogs.uploadPhoto(dog.id, fd);
         // Position zurücksetzen
         await API.dogs.updatePhotoPosition(dog.id, 1.0, 0.0, 0.0);
@@ -1384,8 +1386,10 @@ window.Page_dog_profile = (() => {
         // Foto hochladen wenn gewählt
         if (fotoFile) {
           try {
+            // Client-Side-Kompression vor Upload
+            const toUpload = await API.compressImage(fotoFile);
             const fd = new FormData();
-            fd.append('file', fotoFile);
+            fd.append('file', toUpload);
             const result = await API.dogs.uploadPhoto(saved.id, fd);
             saved.foto_url = result.foto_url;
             _appState.activeDog = { ...saved };

backend/static/js/pages/health.js

@@ -1263,8 +1263,9 @@ window.Page_health = (() => {
           if (!saved.media_items) saved.media_items = [];
           for (const f of files) {
             try {
+              const toUpload = await API.compressImage(f);
               const fd = new FormData();
-              fd.append('file', f);
+              fd.append('file', toUpload);
               const res = await API.health.uploadMedia(dogId, saved.id, fd);
               saved.media_items.push({ id: res.id, url: res.url, media_type: res.media_type });
               // Rückwärtskompatibilität: erste Datei auch als datei_url sichern
@@ -2739,6 +2740,8 @@ window.Page_health = (() => {
       }
 
       await UI.asyncButton(btn, async () => {
+        // Client-Side-Kompression nur wenn Bild (PDFs etc. unverändert durchgereicht)
+        const toUpload = await API.compressImage(file);
         const formData = new FormData();
         formData.append('dog_id',       String(dog.id));
         formData.append('typ',          fd.typ);
@@ -2746,7 +2749,7 @@ window.Page_health = (() => {
         formData.append('beschreibung', fd.beschreibung || '');
         formData.append('datum',        fd.datum || '');
         if (fd.vet_id) formData.append('vet_id', fd.vet_id);
-        formData.append('file', file);
+        formData.append('file', toUpload);
 
         try {
           const doc = await API.healthDocs.upload(formData);

backend/static/js/pages/lost.js

@@ -772,8 +772,9 @@ window.Page_lost = (() => {
         // Foto hochladen
         if (photoInput?.files[0]) {
           try {
+            const toUpload = await API.compressImage(photoInput.files[0]);
             const formData = new FormData();
-            formData.append('file', photoInput.files[0]);
+            formData.append('file', toUpload);
             const media = await API.lost.uploadFoto(created.id, formData);
             created.foto_url = media.foto_url;
           } catch {

backend/static/js/pages/poison.js

@@ -552,8 +552,9 @@ window.Page_poison = (() => {
         // Foto hochladen
         if (photoInput?.files[0]) {
           try {
+            const toUpload = await API.compressImage(photoInput.files[0]);
             const formData = new FormData();
-            formData.append('file', photoInput.files[0]);
+            formData.append('file', toUpload);
             const media = await API.poison.uploadPhoto(created.id, formData);
             created.foto_url = media.foto_url;
           } catch {

backend/static/js/pages/walks.js

@@ -628,8 +628,10 @@ window.Page_walks = (() => {
     document.getElementById('wd-photo-input')?.addEventListener('change', async function() {
       if (!this.files.length) return;
       const file = this.files[0];
+      // Client-Side-Kompression vor Upload (HEIC bleibt unverändert)
+      const toUpload = await API.compressImage(file);
       const formData = new FormData();
-      formData.append('file', file);
+      formData.append('file', toUpload);
       try {
         const photo = await API.walks.uploadPhoto(walk.id, formData);
         const grid = document.getElementById('wd-photos-grid');