Code and Architektur
Straegies
*Das Backend ist eine Free Tier Azure Web App und SQL Database.
Static Strategy
Static Page mit PWA/Service Workers, i18n (internationalization, Sprachen) Backend-Authentication für dynamische rollenbasierte Navigation und Funktionen
Static Page ohne PWA/Service Workers, i18n (internationalization, Sprachen) Backend-Authentication für dynamische rollenbasierte Navigation und Funktionen
Static Page on Blobs i18n (internationalization, Sprachen) Backend-Authentication für dynamische rollenbasierte Navigation und Funktionen auf einem CDN
Dynamic Strategy
Server Side Rendering mit i18n (internationalization, Sprachen) Backend-Authentication für dynamische rollenbasierte Navigation und Funktionen
Performance Checklist
CSS vars - Achtung bei Vererbung
Slider mit JS Overhead
Plugin Reduction (global vs. component based architecture)
Bootstrap - nur Teile laden die benötigt werden laden
Service Worker (PWA - Progressive Web App)
lazy hydration
Cookie Strategy
Store and indexedDB
Custom Page Setup mit Custom Navbar
Purge CSS
Compress files
Code Fehler
Strategien: SSR/Static - MPA/SPA
Font file loading
Chunk Optimierung
Webpack Optimization
Cache Strategie
Backend Optimization
load balancer
CDN (Content Delivery Network)
Hardware
DNS Look Up Optimierung
Images mit modernen Standards
Load Sequence (Preload, Lazy Load, Async/Deferred Load)
Code Simplicity
Layout Shift (eg Cookie Consent)
JavaScript Analyse