Framework optimieren
Hugo schneller machen
Hugo rendert alle Seiten zur Build-Zeit zu reinem HTML und liefert praktisch kein JavaScript aus, was die schnellste denkbare Basis bildet.
Schritt für Schritt
- 1 Lass Hugo deine Seiten komplett zur Build-Zeit rendern, damit Besucher reines HTML ohne wartendes JavaScript erhalten.
- 2 Minifiziere HTML, CSS und JavaScript über Hugo Pipes und die eingebaute minify-Option, um die Übertragungsgröße zu senken.
- 3 Wandle Bilder mit der Image-Processing-Funktion in WebP um und erzeuge responsive Varianten für unterschiedliche Bildschirmbreiten.
- 4 Binde kritisches CSS direkt inline ein und lade den Rest verzögert, damit der erste Bildaufbau nicht blockiert wird.
- 5 Reduziere Drittanbieter-Skripte auf das Nötigste, da bei statischen Seiten externe Einbindungen meist der größte Bremsfaktor sind.
Erst messen, dann optimieren
Mit pagespeed-test.de prüfst du, ob deine vorgerenderten Hugo Seiten die Bestwerte bei LCP und CLS tatsächlich erreichen.
PageSpeed jetzt testen