Bilder sind auf Portfolio-Websites oft die schwersten Ressourcen. Geschwindigkeit ohne Qualitätsverlust entsteht nicht durch eine einzige Kompressionsstufe, sondern durch passende Formate und Abmessungen für jeden Einsatz.
Bilder nahe an ihrer Darstellungsgröße ausliefern
Eine 3000 Pixel breite Quelle für eine Karte mit 400 Pixel Darstellungsbreite verschwendet Bandbreite. Nutzen Sie responsive Bildquellen für unterschiedliche Pixeldichten, damit der Browser eine passende Datei wählen kann.
- Für fotografische Inhalte moderne Formate bevorzugen.
- Das zentrale Bild im ersten Viewport nicht unnötig lazy laden.
- Mit width- und height-Angaben Layout Shifts reduzieren.
Die beste Bildoptimierung ist visuell unsichtbar, aber bei der Geschwindigkeit deutlich spürbar.
