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
- 193.1
- Seiten
- 99
- Commit
- ee553ec
Seitengewichte
| Seite | HTML | CSS | JS | Gesamt (gzip) |
|---|---|---|---|---|
| /de | 73.6 | 61.5 | 72.3 | |
| /de/ueber-mich | 55.5 | 14.3 | 55.3 | |
| /de/erfahrung | 30.3 | 62.6 | 69.3 | |
| /de/projekte | 11.7 | 14.3 | 55.9 | |
| /de/auszeichnungen | 34.6 | 16.0 | 55.3 | |
| /de/engagement | 52.6 | 14.3 | 55.3 | |
| /de/blog | 16.6 | 14.3 | 55.8 | |
| /de/kolophon | 7.8 | 14.3 | 55.3 |
kB, gzip Stufe 9. HTML + CSS + JS, die die Seite lädt (ohne Bilder und Schriften).
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
- 01Der Inhalt ist ohne JavaScript vollständig; Effekte sind eine Zugabe.
- 02prefers-reduced-motion und der FX-Schalter schalten jede Animation ab; WebGL fällt auf ein SVG desselben Graphen zurück.
- 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.
- 04Jede Zahl hat Datum und Quelle; Demos sagen, dass sie Beispieldaten nutzen.
- 05Kein Tracking, keine Cookies, keine Anfragen an Dritte.