EN
Esc

Kolophon · beim Build gemessen

So ist diese Seite gebaut.

Jede Zahl auf dieser Seite schreibt der Build selbst: Eine Astro-Integration geht nach astro build durch den Ausgabeordner, komprimiert jede Datei mit gzip und stempelt den Commit. Nichts davon ist von Hand getippt.

kB gzip, Startseite (HTML, CSS, JS)
205.9
kB gzip JavaScript, ganze Seite
182.8
Seiten
87
Commit
7ea02c4

Seitengewichte

SeiteHTMLCSSJSGesamt (gzip)
/de 79.5 59.3 68.3 207.2
/de/ueber-mich 35.4 14.3 55.8 105.5
/de/erfahrung 21.1 59.3 61.1 141.5
/de/projekte 11.4 14.3 56.4 82.1
/de/auszeichnungen 26.0 14.3 55.8 96.1
/de/engagement 49.0 14.3 55.8 119.1
/de/blog 12.8 14.3 56.4 83.5
/de/kolophon 7.5 14.3 55.8 77.6

kB, gzip Stufe 9. HTML + CSS + JS, die die Seite lädt (ohne Bilder und Schriften).

Gebaut
2026-11-11 15:32 UTC
Commit
7ea02c4
Build-Dauer
2.3 s
Astro
7.4.5
Node
v24.22.2
Dateien im Build
347
Build-Ordner, unkomprimiert
18.4 MB

Stack

  • Astro 7Statische Seiten, Content Collections, Bild-Pipeline. Kein Server zur Laufzeit.
  • WebGL2, handgeschriebenEin Canvas: 4 Formen aus bis zu 24.000 Partikeln, Morph und Impulse im Vertex-Shader, ein Post-Pass für Körnung, Vignette und einen scrollabhängigen Farbversatz. Kein three.js.
  • GSAP + ScrollTriggerScrollgekoppelte Kapitel, Zählwerke, gepinnte Arbeiten; Lenis für weiches Scrollen auf demselben Ticker.
  • TypeScriptAlle Skripte; das Graph-Layout läuft im Astro-Build, nicht im Browser.
  • Archivo VariableBreitenachse 62–125 für die kinetische Schrift; Instrument Sans und Geist Mono für Text und Daten.
  • CloudflareStatisches Hosting am Edge.

Prinzipien

  1. 01Der Inhalt ist ohne JavaScript vollständig; Effekte sind eine Zugabe.
  2. 02prefers-reduced-motion und der FX-Schalter schalten jede Animation ab; WebGL fällt auf ein SVG desselben Graphen zurück.
  3. 03Der Canvas begrenzt die Pixeldichte auf 1,5, senkt Auflösung und Partikelzahl, wenn Frames zu lange dauern, und hält außerhalb des Bildschirms an.
  4. 04Jede Zahl hat Datum und Quelle; Demos sagen, dass sie Beispieldaten nutzen.
  5. 05Kein Tracking, keine Cookies, keine Anfragen an Dritte.