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">Features</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>Real-time monitoring</h3>
<p>Continuous monitoring of your defined sources, around the clock.</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>Source analysis</h3>
<p>Automatic aggregation and deduplication from hundreds of international sources.</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>Geographic mapping</h3>
<p>Locations are recognised and shown on an interactive map.</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>Multilingual analysis</h3>
<p>Sources in different languages are processed and merged automatically.</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>Structured situation reports</h3>
<p>Concise summaries with source attribution and timeline.</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>Source diversity</h3>
<p>Hundreds of news agencies, Telegram channels, and social media in dozens of languages. No analyst can monitor everything at once.</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>Time pressure</h3>
<p>New reports arrive by the minute. Manual analysis takes time you do not have.</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>Information overload</h3>
<p>Critical information disappears in the noise; connections remain invisible.</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>Close collaboration</h3>
<p>We work hand in hand with our customers to deliver tailored solutions</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>Clear, robust, and secure software built to German quality standards</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>Reliable partnership</h3>
<p>Based on shared values and long-term trust</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>Sustainability</h3>
<p>Focus on security, professionalism, and future-proof solutions</p>