Eleventy ist das perfekte SSG, wenn du mit Markdown, Nunjucks oder HTML schreiben willst und dir der Build nicht im Weg stehen soll. Du legst ein paar Markdown-Dateien, packst deine Assets daneben und lässt Eleventy rendern. Layouts oder Includes kannst du dazuschalten, aber sie sind optional der ganze Ablauf bleibt minimal.
Probiere es in 2 Schritten aus:
echo "Hello World" > index.md
npx @11ty/eleventy
Das Problem: WebP spart ~30% Bandbreite gegenüber JPEG, findet aber wenig Anwendung.
Warum nicht mehr Websites WebP nutzen:
- Unwissenheit – Viele kennen WebP gar nicht
- Kompatibilität-Angst – "Was wenn alte Browser nicht unterstützen?" (Fallback ist einfach!)
- Workflow-Trägheit – Bestehendes Tooling müsste angepasst werden
- Wahrnehmung – Mythos: PNG/JPEG hätten bessere Qualität (stimmt nicht!)
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Fallback">
</picture>
Browser-Support: 97%+ der modernen Browser. Kein Grund mehr zu warten!
Meine Faustregel: WebP für neue Projekte, schrittweise Migration für bestehende.