DevCore.net

SSG

CMS vs. SSG: Wann welches Setup sinnvoll ist

Ein fairer Vergleich ist wichtig: Weder ein klassisches CMS noch ein SSG ist pauschal besser. Entscheidend sind dein Team, der Workflow, die Änderungsfrequenz und die technischen Anforderungen.

Kriterium Monolithisches CMS (z. B. WordPress / TYPO3) Modernes SSG-Setup (z. B. 11ty / Hugo + Cloudflare Pages)
Performance & Speed 🟡 Mittelmäßig bis Gut
Dynamischer Serveraufruf verzögert die Ladezeit. Erfordert aufwendiges Caching für Spitzenwerte.
🟢 Exzellent
Reine HTML-Dateien liegen direkt auf dem CDN. Extrem schnelle und weltweit konstante Ladezeiten.
Sicherheit (Angriffsfläche) 🔴 Höheres Risiko
Live-Datenbanken, PHP-Laufzeiten und unzählige Plugins bieten permanente Angriffsflächen für Hacker.
🟢 Minimales Risiko
Keine Datenbank, kein PHP auf dem Server. Es gibt für Angreifer schlicht kein direktes System zum Hacken.
Wartung & Updates 🔴 Hoher Aufwand
Regelmäßige, kritische Updates für Core, Plugins und Themes sind Pflicht, um Sicherheitslücken zu schließen.
🟢 Minimaler Aufwand
Einmal generiert, läuft die fertige HTML-Seite theoretisch jahrelang wartungsfrei und ohne Sicherheitsrisiko.
Hosting & Fixkosten 🟡 Mittel
Benötigt klassischen Webspace oder Server mit PHP/Datenbank. Skalierung bei viel Traffic kostet extra.
🟢 Sehr niedrig bis Kostenlos
Static-Hosting via Cloudflare, Netlify und Co. ist in der Regel permanent gratis oder extrem günstig.
Inhaltspflege (Redaktion) 🟢 Sehr einfach
Komfortable visuelle Editoren (WYSIWYG) und Medienbibliotheken. Perfekt für nicht-technische Teams.
🔴 Komplexer
Erfordert standardmäßig Markdown-Dateien oder Git. Ohne technisches Verständnis kaum pflegbar.
Vorschau-Funktion 🟢 Nahtlos im Backend
Inhalte können vor der Veröffentlichung direkt per Knopfdruck im Backend-Design geprüft werden.
🟢 Isolierte Preview-URLs
Generiert automatische Test-Links pro Ticket/Änderung. Perfekt für strukturierte Freigabeprozesse.
Live-Veröffentlichung 🟢 Sofort live
Nach dem Klick auf "Speichern" ist die Änderung in derselben Sekunde für alle Besucher weltweit sichtbar.
🟢 Vollautomatisiert
Läuft modern und fehlerfrei über eine CI/CD-Pipeline. Der Build-Prozess dauert meist nur wenige Sekunden.
Dynamische Features 🟢 Inklusive
Logins, Formulare, Suchen oder Shop-Systeme lassen sich nativ oder per Plugin sofort out-of-the-box nutzen.
🔴 Aufwendig
Benötigt für jedes dynamische Feature externe Drittanbieter, APIs, JavaScript-Frameworks oder Serverless Functions.

Fazit

  • Wann das CMS gewinnt: Ein monolithisches CMS ist oft die bessere Wahl, wenn nicht-technische Teams Inhalte pflegen, eine sofortige Direktbearbeitung gewünscht ist oder die Website stark von nativen, dynamischen Funktionen lebt.
  • Wann das SSG gewinnt: Ein modernes SSG-Setup spielt seine Stärken aus, wenn maximale Performance, höchste Sicherheit, minimale Fixkosten und ein automatisierter, ticketbasierter Freigabe-Workflow im Vordergrund stehen.

Am Ende gewinnt kein System pauschal über das andere – es gewinnt immer das Setup, das am besten zu deinem Projekt passt.

Eleventy: schlankes SSG bei voller Kontrolle

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

WebP: Das unterschätzte Bildformat

Das Problem: WebP spart ~30% Bandbreite gegenüber JPEG, findet aber wenig Anwendung.

Warum nicht mehr Websites WebP nutzen:

  1. Unwissenheit – Viele kennen WebP gar nicht
  2. Kompatibilität-Angst – "Was wenn alte Browser nicht unterstützen?" (Fallback ist einfach!)
  3. Workflow-Trägheit – Bestehendes Tooling müsste angepasst werden
  4. Wahrnehmung – Mythos: PNG/JPEG hätten bessere Qualität (stimmt nicht!)
<!-- So easy: Fallback für alte Browser -->
<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.