Datengesteuertes Design und
Leistungsoptimierung

# GZIP-Komprimierung aktivieren <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE Text/Plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE-Anwendung/Javascript AddOutputFilterByType DEFLATE-Anwendung/x-Javascript </IfModule> # Browser-Caching <IfModule mod_expires.c> Läuft abAktiv On ExpiresByType image/jpg „Zugriff plus 1 Jahr“ ExpiresByType image/jpeg „Zugriff plus 1 Jahr“ ExpiresByType image/gif „Zugriff plus 1 Jahr“ ExpiresByType image/png „Zugriff plus 1 Jahr“ ExpiresByType text/css "access plus 1 month" ExpiresByType application/pdf „Zugriff plus 1 Monat“ ExpiresByType text/x-javascript „Zugriff plus 1 Monat“ </IfModule>

try { $pdo = new PDO("mysql:host=$host;dbname=$db;charset=utf8mb4", $user, $pass); $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); // Schlechtes Beispiel: SELECT * FROM users (ruft alle Daten ab, langsam) // Gutes Beispiel: Nur erforderliche Spalten abrufen und LIMIT verwenden $stmt = $pdo->prepare(„SELECT id, username, email FROM users WHERE status = ? LIMIT 10“); $stmt->execute([1]); $results = $stmt->fetchAll(PDO::FETCH_ASSOC); // Die Integration des Cache-Mechanismus (Redis/Memcached) kann hier hinzugefügt werden } catch(PDOException $e) { error_log("Database Error: " . $e->getMessage()); }

<Bild> <!-- Für Browser, die das WebP-Format unterstützen --> <source srcset=„image.webp“ type=„image/webp“> <!-- Sicherung als Standard-JPG --> <img src=„Bild.jpg“ alt=„SEO-kompatible Beschreibung“ Breite="800" Höhe="600" Laden="lazy" class=„img-fluid“ > </Bild> <Skript> // für Interaction to Next Paint (INP)-Optimierung // JavaScript-Vorgänge ausführen, ohne den Hauptthread zu blockieren document.addEventListener('DOMContentLoaded', () => { // Unkritische JS-Codes... }); </script>