Performance Checklist

Code and Architektur

01/01/2023 · Schaffer Alexander
Bild
Bild
Bild
Bild
Bild
Bild
Bild
Bild
Bild

Straegies

*The backend is a Free Tier Azure Web App and SQL Database.

Static Strategy

🔗 mahevi.solutions

Static Page with PWA/Service Workers, i18n (internationalization, languages) Backend authentication for dynamic role-based navigation and functions

Performance Checklist

  • CSS vars - Beware of inheritance

  • Slider my JS Overhead

  • Plugin Reduction (global vs. component based architecture)

  • Bootstrap - load only parts that are needed to load

  • Service Worker (PWA - Progressive Web App)

  • lazy hydration

  • Cookie Strategy

  • Store and indexedDB

  • Custom Page Setup mit Custom Navbar

  • Purge CSS

  • Compress files

  • Code Error

  • Strategies: SSR/Static - MPA/SPA

  • Font file loading

  • Chunk Optimization

  • Webpack Optimization

  • Cache Strategies

  • Backend Optimization

  • load balancer

  • CDN (Content Delivery Network)

  • Hardware

  • DNS Look Up Optimization

  • Images with modern standards

  • Load Sequence (Preload, Lazy Load, Async/Deferred Load)

  • Code Simplicity

  • Layout Shift (eg Cookie Consent)

  • JavaScript Analyse