Performance Quick-Wins: Logo-SVG, lazy images, preconnect

- Logo-Header: PNG (31.7 KB) -> SVG (6.3 KB) auf 12 Seiten, mit width/height fuer CLS
- loading=lazy auf 25 unter-Fold-Bilder (Feature-/Problem-/Trust-Icons + handshake)
  Logo bleibt eager (above-the-fold)
- preconnect zu unpkg.com (CDN fuer Leaflet) im Head von 8 Seiten
  Reduziert TLS-Handshake-Verzoegerung beim ersten Leaflet-Asset
Dieser Commit ist enthalten in:
claude-dev
2026-05-10 15:36:13 +02:00
Ursprung 82b3f91b33
Commit 51278e59ca
13 geänderte Dateien mit 45 neuen und 37 gelöschten Zeilen

Datei anzeigen

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://unpkg.com" crossorigin>
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="theme-color" content="#0A1832">
<meta name="author" content="AegisSight UG">
@@ -127,7 +128,7 @@
<nav class="navbar" id="navbar">
<div class="nav-container">
<a href="#hero" class="nav-logo">
<img src="/assets/images/logos/Logo+Schrift_Rechts.png" alt="AegisSight" class="logo-img">
<img src="/assets/images/logos/Logo+Schrift_Rechts.svg" alt="AegisSight" class="logo-img" width="200" height="40">
</a>
<ul class="nav-menu">
<li><a href="#features">Funktionen</a></li>
@@ -273,7 +274,7 @@
<div class="grid-3">
<div class="feature-card">
<div class="feature-icon">
<img src="/assets/images/icons/monitor.svg" alt="" width="36" height="36">
<img loading="lazy" src="/assets/images/icons/monitor.svg" alt="" width="36" height="36">
</div>
<h3>Echtzeit-Monitoring</h3>
<p>Kontinuierliche Überwachung Ihrer definierten Quellen, rund um die Uhr.</p>
@@ -281,28 +282,28 @@
<div class="feature-card">
<div class="feature-icon">
<img src="/assets/images/icons/cube.svg" alt="" width="36" height="36">
<img loading="lazy" src="/assets/images/icons/cube.svg" alt="" width="36" height="36">
</div>
<h3>Quellenanalyse</h3>
<p>Automatische Aggregation und Deduplizierung aus hunderten internationalen Quellen.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<img src="/assets/images/icons/location.svg" alt="" width="36" height="36">
<img loading="lazy" src="/assets/images/icons/location.svg" alt="" width="36" height="36">
</div>
<h3>Geografische Verortung</h3>
<p>Orte werden erkannt und auf einer interaktiven Karte dargestellt.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<img src="/assets/images/icons/languages.svg" alt="" width="36" height="36">
<img loading="lazy" src="/assets/images/icons/languages.svg" alt="" width="36" height="36">
</div>
<h3>Mehrsprachige Auswertung</h3>
<p>Quellen in verschiedenen Sprachen werden automatisch verarbeitet und zusammengeführt.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<img src="/assets/images/icons/document.svg" alt="" width="36" height="36">
<img loading="lazy" src="/assets/images/icons/document.svg" alt="" width="36" height="36">
</div>
<h3>Strukturierte Lagebilder</h3>
<p>Übersichtliche Zusammenfassungen mit Quellenbelegen und Zeitverläufen.</p>
@@ -322,21 +323,21 @@
<div class="grid-3">
<div class="problem-card">
<div class="problem-icon">
<img src="/assets/images/icons/world-globe.svg" alt="" width="40" height="40">
<img loading="lazy" src="/assets/images/icons/world-globe.svg" alt="" width="40" height="40">
</div>
<h3>Quellenvielfalt</h3>
<p>Hunderte Nachrichtenagenturen, Telegram-Kanäle und soziale Medien in dutzenden Sprachen. Kein Analyst überblickt alles gleichzeitig.</p>
</div>
<div class="problem-card">
<div class="problem-icon">
<img src="/assets/images/icons/clock.svg" alt="" width="40" height="40">
<img loading="lazy" src="/assets/images/icons/clock.svg" alt="" width="40" height="40">
</div>
<h3>Zeitdruck</h3>
<p>Neue Meldungen im Minutentakt. Manuelle Auswertung kostet Zeit, die Sie nicht haben.</p>
</div>
<div class="problem-card">
<div class="problem-icon">
<img src="/assets/images/icons/document.svg" alt="" width="40" height="40">
<img loading="lazy" src="/assets/images/icons/document.svg" alt="" width="40" height="40">
</div>
<h3>Informationsflut</h3>
<p>Kritische Informationen gehen in der Masse unter, Zusammenhänge bleiben unsichtbar.</p>
@@ -475,28 +476,28 @@
<div class="grid-4 trust-grid">
<div class="trust-card">
<div class="trust-icon-wrap">
<img src="/assets/images/icons/check-circle-filled.svg" alt="" width="48" height="48">
<img loading="lazy" src="/assets/images/icons/check-circle-filled.svg" alt="" width="48" height="48">
</div>
<h3>Enge Zusammenarbeit</h3>
<p>Wir arbeiten Hand in Hand mit unseren Kunden für maßgeschneiderte Lösungen</p>
</div>
<div class="trust-card">
<div class="trust-icon-wrap trust-flag">
<img src="/assets/images/icons/german-flag.svg" alt="" width="60" height="36">
<img loading="lazy" src="/assets/images/icons/german-flag.svg" alt="" width="60" height="36">
</div>
<h3>Made in Germany</h3>
<p>Klare, robuste und sichere Software nach deutschen Qualitätsstandards</p>
</div>
<div class="trust-card">
<div class="trust-icon-wrap">
<img src="/assets/handshake.svg" alt="" width="50" height="50">
<img loading="lazy" src="/assets/handshake.svg" alt="" width="50" height="50">
</div>
<h3>Verlässliche Partnerschaft</h3>
<p>Basierend auf gemeinsamen Werten und langfristigem Vertrauen</p>
</div>
<div class="trust-card">
<div class="trust-icon-wrap">
<img src="/assets/images/icons/shield-check.svg" alt="" width="48" height="48">
<img loading="lazy" src="/assets/images/icons/shield-check.svg" alt="" width="48" height="48">
</div>
<h3>Nachhaltigkeit</h3>
<p>Fokus auf Sicherheit, Professionalität und zukunftssichere Lösungen</p>