Software · 2026
Site-ul Dev Lab
Site-ul pe care ești acum. L-am construit după aceleași reguli pe care le aplicăm proiectelor pentru clienți și am măsurat tot ce am promis.
- Client
- Dev Lab
- An
- 2026
- Direcție
- Site-uri
- Termen
- în lucru
Problema
Site-ul propriu al unui studio de dezvoltare este cazul lui principal. Trebuie să arate scump și să se deschidă rapid, iar cele două cerințe trag de obicei în direcții opuse: impresia se plătește în greutatea paginii. Le voiam pe amândouă, în trei limbi, cu SEO real dedesubt.
Ce am făcut
Am fixat un buget de performanță înainte de start și l-am tratat ca pe o cerință, nu ca pe o dorință. Scroll-ul imersiv rulează pe animații native CSS legate de scroll în loc de o bibliotecă, așa că opt secțiuni de narativ au adăugat sub un kilobyte de JavaScript. Scena WebGL din hero se încarcă separat, după prima randare, și nu pornește unde nu e nevoie: pe telefoane, cu mișcare redusă și fără suport WebGL, un cadru static al aceleiași scene îi ia locul.
Rezultatul
De două ori pe parcurs o funcționalitate nu a încăput în buget. De ambele dăți am rescris funcționalitatea, nu am ridicat limita: biblioteca de animații a fost înlocuită de un IntersectionObserver și tranziții CSS, iar biblioteca de scroll s-a dovedit inutilă. Fiecare cifră de mai jos a fost măsurată pe un build de producție, nu estimată.
Stack
- Next.js 16
- React 19
- TypeScript
- Tailwind v4
- three.js
În cifre
- JavaScript la prima încărcarebuget 180 KB
- 172 KB
- LCP cu scena 3D pe paginățintă sub 2.0 s
- 1.2 s
- încălcări WCAG 2.1 AAverificat cu axe-core
- 0
- limbi, generate static
- 3