🎉 Added minimal performance optimizations to documentation and codebase.

backend/templates/base.html

@@ -24,6 +24,9 @@
     <!-- Unified Dark/Light Mode System -->
     <link href="{{ url_for('static', filename='css/dark-light-unified.css') }}" rel="stylesheet">
     
+    <!-- Performance-Optimierungen (minimal-invasiv) -->
+    <link href="{{ url_for('static', filename='css/performance-optimized-minimal.min.css') }}" rel="stylesheet">
+    
     <!-- Enhanced Theme-Aware Styles -->
     <style>
         /* Base Layout & Performance */
@@ -71,7 +74,7 @@
             box-shadow: var(--shadow-sm);
         }
         
-        /* Performance optimizations */
+        /* Performance optimizations - Erweitert für bessere Performance */
         @media (max-width: 768px), (prefers-reduced-motion: reduce) {
             .glass {
                 backdrop-filter: none !important;
@@ -85,6 +88,28 @@
             }
         }
         
+        /* Reduzierte Bewegungen als Standard - behutsam implementiert */
+        @media (min-width: 769px) and (prefers-reduced-motion: no-preference) {
+            /* Behalte nur sehr subtile Animationen bei */
+            .glass {
+                transition: background-color 0.2s ease;
+            }
+            
+            .mobile-menu {
+                transition: transform 0.2s ease;
+            }
+            
+            .logo-adaptive {
+                transition: opacity 0.2s ease;
+            }
+            
+            /* Entferne komplexe Animationen aber behalte Basis-Hover */
+            .animate-pulse {
+                animation: none;
+                opacity: 0.8;
+            }
+        }
+        
         /* Theme transition optimization */
         .disable-transitions * {
             transition: none !important;
@@ -896,6 +921,9 @@
     <!-- Jobs Safety Fix laden -->
     <script src="{{ url_for('static', filename='js/jobs-safety-fix.js') }}"></script>
     
+    <!-- Performance-Optimierungen (minimal-invasiv) -->
+    <script src="{{ url_for('static', filename='js/performance-enhancements.min.js') }}"></script>
+    
     {% block scripts %}{% endblock %}
 </body>
 </html>