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:
27
index.html
27
index.html
@@ -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>
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren