// Vodič

Performanse 3D sajta — Lighthouse 85+ na mobilnom

Realan target za 3D sajt u 2026: Lighthouse mobile 85+ u svim kategorijama, FCP ispod 1.5s, LCP ispod 2.5s.

3D sajt sa lošim performansama je gora vizit-karta od bilo kog statičkog sajta — utisak "ovo je sporo" pojede dobit od vizuelnog efekta. Realni target koji držim na klijentskim projektima: Lighthouse mobile 85+ u svim kategorijama (performance, a11y, best practices, SEO). Ključ je u nizu small-but-everywhere optimizacija: glTF + Draco kompresija (50-80% manji bundle), KTX2 teksture (3-5x manje), lazy-load svih 3D scena ispod fold-a, IntersectionObserver za pause render-a kada scena nije vidljiva, device-tier detekcija pre prvog rendera. Bez ovih optimizacija, "premium" 3D sajt postaje "sporo se otvara" — klijent gubi posetioce dok cooler scene se učitavaju.

Šta utiče na izbor

Tri stvari koje određuju pravac: (1) lifespan projekta — sajt za 6-mesečnu kampanju ide drugačije od sajta koji treba da traje 5 godina, (2) tim koji održava — solo developer bira drugo nego agencija sa 10 ljudi, (3) device profil publike — premium publika ima moderne uređaje, mass market ima starije telefone.

Praktične preporuke

U produkcijskom radu sa performanse, evo šta najčešće radim: stable Three.js (ne najnoviji rilis), glTF 2.0 + Draco za asete, KTX2 za teksture, IntersectionObserver da pauzira render kada scena nije vidljiva, prefers-reduced-motion respektovan svuda. To je 80% best-practice setup-a.

Najčešće greške

Tri greške koje viđam najviše: (1) test samo na flagship telefonu — uvek probati na 3-godina-starom Androidu sa 4GB RAM, (2) puni-rezolucija teksture na mobilnom — uvek imati KTX2 fallback, (3) scena renderuje i kad nije na ekranu — IntersectionObserver pauzira render loop. Svaki problem ima jasno rešenje, samo je važno prepoznati simptom.

Kada angažovati profesionalca

Ako je performanse ključan deo proizvoda i tim nema iskustva, samostalno učenje će produžiti rok 4-6 nedelja. Solo developer sa iskustvom ide brže ka cilju. Mogu da preuzmem Performanse 3D sajta — Lighthouse 85+ na mobilnom na fiksnu cenu — dobijate gotovo rešenje bez detour-a kroz učenje. Pošaljite kratak brif kroz kontakt formu.

Često postavljana pitanja

Mogu li sam da naučim ovo?

Možete, ali to je 6-12 meseci posvećenog rada do produkcijskog kvaliteta. Za projekat sa rokom i budžetom, brže je angažovati nekoga ko već zna. Vodič je orientacioni — pomaže vam da razumete šta je važno, a šta da preskočite.

Šta posle ovog vodiča?

Tri preporučena resursa: zvaničan Three.js fundamentals (besplatno), Bruno Simon Three.js Journey (plaćen, kompletan), React Three Fiber dokumentacija ako idete na React. Plus čitanje izvornog koda na GitHub-u — search "three-js portfolio" trending.

Koliko traje izrada?

Standardni rok: 4-6 nedelja od potpisa ugovora do live sajta. Veći opseg (konfigurator, multi-scene scrollytelling) ide na 8-12 nedelja. Hitne projekte (2-3 nedelje) primam uz povećanje cene od 30-40%.

Koliko košta?

Hero 3D nadogradnja: 800-1.200 EUR. Kompletan multi-scene 3D sajt: 2.500-4.000 EUR. Konfigurator sa custom shaderima: 4.000-10.000 EUR. Sve fiksne cene, izvorni kod uključen. Plaćanje preko firme sa PDV-om.

Šta sa korisnicima na slabim telefonima?

Sajt detektuje device tier pre prve scene i servira lakšu verziju na slabom hardveru (manje čestica, jednostavniji shaderi). Uređaji bez WebGL-a dobiju statičan fallback koji čuva vizuelni jezik i konverzioni put.

Spremni za 3D iskustvo na vašem sajtu?

Recite mi šta vam treba — fiksna cena, fiksan rok, bez iznenađenja.

Pošalji upit +381 61 224 8989