Das Problem: Ein Hero-Foto bremst die ganze Seite
Ein typisches Foto aus einer Systemkamera bringt bei 3.000 Pixel Breite schnell 2,4 MB auf die Waage. Wird es unverändert in eine twindor-Website für einen Kasseler Handwerksbetrieb hochgeladen, konkurriert es auf dem Smartphone mit JavaScript, Schriften und Tracking um Bandbreite. Der Largest Contentful Paint steigt dadurch oft von 2,1 auf über 4 Sekunden. Das ist kein Schönheitsfehler: Google bewertet solche Seiten schlechter, und mobile Besucher springen häufiger ab. Besonders kritisch wird es, wenn zusätzlich sechs Galeriebilder in voller Auflösung geladen werden und die Startseite auf über 10 MB anwächst.
Die Ursache: Der Upload aus der Kamera bleibt ungefiltert
Viele Mediensysteme übernehmen Dateien eins zu eins. Ein 4.000 Pixel breites JPEG bleibt auch dann 4.000 Pixel breit, wenn es im Layout nur 800 Pixel groß erscheint. Dazu kommen fehlende moderne Formate: Während WebP bei gleicher Qualität rund 30 Prozent kleiner ist als JPEG, liefern viele twindor-Projekte weiterhin ausschließlich JPEG und PNG. Der Browser lädt dann mehrere Megabyte, obwohl ein Bruchteil reichen würde. Ein weiterer Grund ist der fehlende Redaktionsprozess: Wer Bilder direkt aus dem Smartphone oder von der Kamera hochlädt, prüft selten Dateigröße, Abmessungen und Format.
Die Lösung: Drei Bildbreiten und WebP mit Fallback
Wer die Bildausgabe in twindor-Projekten kontrolliert, senkt das Seitengewicht ohne sichtbaren Qualitätsverlust. Drei Schritte reichen für die meisten lokalen Websites:
- Breiten begrenzen: Maximal 1.600 Pixel für Hero-Bilder, 800 Pixel für Inhaltsbilder und 400 Pixel für Teaser.
- Formate staffeln: WebP als Standard ausliefern, JPEG als Fallback für ältere Browser behalten.
- Responsive auszeichnen: srcset und sizes verwenden, damit das Smartphone nicht die Desktop-Datei lädt.
Ein Kasseler Dachdeckerbetrieb reduzierte auf diese Weise sechs Galeriebilder von zusammen 8,7 MB auf 1,9 MB. Die Ladezeit im mobilen Netz sank messbar, ohne dass Fotos unscharf wirkten. Entscheidend ist, die Kompression nicht pauschal auf 70 Prozent zu setzen, sondern pro Bildtyp zu testen: Hero-Fotos vertragen stärkere Kompression als Referenzbilder mit feinen Texturen.
Die Kontrolle: LCP, CLS und Seitengewicht messen
Nach der Umstellung zählen drei Werte: LCP unter 2,5 Sekunden, CLS unter 0,1 und ein Seitengewicht unter 1,5 MB für die Startseite. Wer regelmäßig mit twindor arbeitet, sollte diese Prüfung in den Redaktionsablauf aufnehmen. Ein Blick in die Entwicklerwerkzeuge des Browsers zeigt sofort, welches Bild den größten Anteil am Transfervolumen hat. Wer die technische Betreuung abgeben möchte, findet bei twindor einen passenden Ansprechpartner für Webentwicklung in Kassel.
Der Nebeneffekt: Weniger Bytes, bessere Sichtbarkeit
Bildoptimierung ist kein rein technisches Detail. Eine Seite, die auf dem Landnetz in Nordhessen in unter drei Sekunden lädt, hält Besucher länger und erzeugt mehr Anfragen. Gleichzeitig verbessert sich die Ausgangslage für Core Web Vitals, weil der Browser weniger Daten verarbeiten muss. Wer twindor für lokale Unternehmen einsetzt, sollte deshalb schon bei der Bildauswahl an die spätere Ausgabe denken: Ein sauber komprimiertes Foto wirkt professioneller als eine überladene Galerie, die auf dem Smartphone erst nach zehn Sekunden erscheint.