Keine Duplikate

Doppelte Bild-Assets kosten Requests und Bandbreite.

Das Thema dieser Seite: Mehrfach geladene identische Bilder erhöhen Ladezeit ohne Mehrwert.

Inhalt

Inhaltsverzeichnis

Klicke auf einen Abschnitt, um direkt dorthin zu springen.

Check
Kontext & Problemraum
Entscheidungslogik
Erklärende Details
Risiken, Grenzen & Einschränkungen

Check

Der Check erkennt, ob identische Bilddateien mehrfach eingebunden sind. Ziel ist es, redundante Assets zu vermeiden und Caching zu nutzen.

Prüfpunkt	Bedeutung	Bewertung
Keine doppelten Assets	Effiziente Nutzung	OK
Einzelne Duplikate	Optimierbar	Warnung
Viele Duplikate	Unnötige Requests	Kritisch

Kontext & Problemraum

Duplikate entstehen, wenn das gleiche Bild unter verschiedenen URLs ausgeliefert wird oder wenn Templates unterschiedliche Pfade generieren.

Situation	Symptom	Risiko
CMS erzeugt mehrere Bildvarianten	Gleiches Motiv mehrfach geladen	Mehr Requests und größere Ladezeit
Produktbilder in Slider + Liste	Duplikate pro Seite	Weniger Performance
Tracking-Parameter an Bild-URLs	Cache umgangen	Unnötiger Traffic

Entscheidungslogik

Wie du Duplikate eliminierst.

Wenn	Dann	Empfehlung
Gleiches Bild mehrfach eingebunden	Redundanz	Gleiche URL nutzen
Parameter erzeugen neue URL	Cache wird umgangen	Parameter entfernen
Mehrere Größen ohne srcset	Unkontrollierte Varianten	Responsive Varianten systematisch liefern

Erklärende Details

Wenn gleiche Assets unter mehreren URLs liegen, kann der Browser den Cache nicht optimal nutzen. Das verlängert die Ladezeit und erhöht Datenverbrauch.

Beispiel: Gleiche URL wiederverwenden

<img src="/img/logo.svg" alt="Logo" width="120" height="40" />
<img src="/img/logo.svg" alt="Logo" width="120" height="40" />

Risiken, Grenzen & Einschränkungen

Risiko	Folge	Gegenmaßnahme
Cache-Busting für Assets	Viele neue Downloads	Versionierung nur bei Releases
Mehrere Domains für gleiche Assets	Cache geht verloren	Eine feste Asset-URL definieren
Duplikate durch CMS-Plugins	Unkontrollierte Varianten	Bildpipeline vereinheitlichen