Dateigröße / Dateibezeichnung / Ordnerstruktur
DATEIGRÖSSE OPTIMIEREN:
Warum kleine Dateien wichtig sind:
- Schnellere Ladezeit → besseres Nutzererlebnis
- Weniger Datenverbrauch → wichtig für Mobile
- SEO-Vorteile → Google mag schnelle Seiten
- Weniger Serverbelastung
Bilder (JPG, PNG, SVG)
Ziele: Schnellere Ladezeiten, weniger Bandbreite
- Format:
- JPG für Fotos
- PNG für transparente oder einfache Grafiken
- SVG für Vektorgrafiken (z. B. Icons, Logos)
- Kompressionstools:
- TinyPNG
- ImageOptim (Mac)
- Squoosh von Google
PDFs
Ziele: Schneller Download, bessere UX auf mobilen Endgeräten
PDFs sollten im Idealfall < 1 MB sein, maximal 2-3 MB wenn Bilder mit enthalten sind, bei Formularen oder PDFs mit viel Text < 500 KB
- Tools:
- Adobe Acrobat: "PDF optimieren" Funktion
- ILovePDF
- PDF24 Tools
! Je kleiner, desto besser – ohne spürbaren Qualitätsverlust !
Videos
Am besten über die Plattform Youtube einbinden und diesen Videoplayer verwenden, da dieser zu 99,9% kompatibel mit den mobilen Endgeräten ist.
Ziele: Streaming-freundlich, geringe Datenlast
DATEIBEZEICHNUNG
BEST PRACTICES
Für die Dateibezeichnung in TYPO3/WordPress (insbesondere für Medien wie Bilder, PDFs) gilt:
Best Practices:
- Nur Kleinbuchstaben
- Keine Umlaute oder Sonderzeichen
- Wörter mit Bindestrich trennen (Minus “-„ statt Unterstich „_“)
- Keine Leerzeichen
- Dateinamen beschreibend
(z. B. bitzinger-gmbh-teamfoto-2025.jpg statt img001.jpg)
Beispiel:
schlechtes Beispiel:
- IMG_00123.JPG
sagt nichts über den Inhalt aus - Mitarbeiter Müller.jpeg
Umlaute & Leerzeichen neues Bild!.png → Sonderzeichen
gute Beispiele:
- bitzinger-teamfoto-2025.jpg
- bitzinger-jahresbericht-2025.pdf
- logo-bitzinger-gmbh.svg
ORDNERSTRUKTUR:
Im besten Fall ist die Ordnerstruktur analog zur Struktur des Seitenbaums aufgebaut
z.B.
startseite
agentur
- mitarbeiter
- events
leistungen
referenzen
karriere
blog
partner