Portfolio Geschwindigkeit optimieren: 1.2 Sekunden Load Time #
Meine Portfolio Website lädt in 1.2 Sekunden.
Why? Nicht weil ich Programmer bin. Weil ich auf Performance fokussiert.
À lire Portfolio-Website für Designer: Was wirklich zählt und was du weglassen solltest
Meine Tipps:
1. Bilder optimieren:
– Nutze WebP Format (nicht JPG)
– Komprimiere mit TinyPNG
– Lazy Load Images (Load when scrolled into view)
2. Minimales CSS/JS:
– Keine Heavy Frameworks (kein Bootstrap, kein jQuery)
– CSS: Nur essentiell
– JS: Minimal
3. Hosting:
– Nutze CDN (Cloudflare Free)
– Nutze Fast Host (Vercel, Netlify)
À lire Dark Mode richtig designen: Mehr als nur Farben invertieren
4. Caching:
– Browser Caching aktivieren
– Server-side Caching
5. Remove Bloat:
– Keine 10 Fonts
– Keine Auto-play Videos
– Keine Animations (oder nur CSS, nicht JS)
Test: Google PageSpeed Insights – ziel für Score 90+.
Mein Score: 94. Mobile: 92.
À lire Micro-Animationen: Die Details, die Interfaces menschlich machen
Result: 40% mehr Anfragen (weil Bounces weniger).