Three.js ile Web Sitesi Yapmak Mantıklı mı?
11 Nisan 2026 
Kerem Kırbıyık 6 dk okuma 
Three.js son yıllarda web tarafında çok dikkat çekiyor. Özellikle etkileyici ana sayfalar, ürün demoları ve hareketli 3D sahneler gördüğünüzde doğal olarak şu soru geliyor: Bizim siteyi de böyle mi yapmalıyız? Kısa cevap şu, bazen evet, çoğu zaman hayır.
Çünkü Three.js güçlü bir araçtır ama her güçlü araç gibi yanlış yerde kullanıldığında faydadan çok yük getirir. Bir markanın sitesinde 3D deneyim gerçekten ürün anlatımını güçlendirebilir. Ama yalnız havalı görünsün diye eklenen 3D katman, performansı düşürür, odağı dağıtır ve dönüşümü zayıflatır.
Bu rehberde Three.js ile web sitesi yapmak mantıklı mı sorusunu dürüst biçimde ele alacağım. Nerede değer üretir, nerede gereksizdir, SEO ve performans tarafında neleri etkiler, bunları netleştireceğim. Önce geniş teknoloji çerçevesini görmek isterseniz React, Astro, WordPress: Hangi CMS ve Framework Kullanılmalı? yazısı doğru başlangıç noktasıdır.
Three.js Nedir?
Three.js, web üzerinde 3D sahneler ve etkileşimli görsel deneyimler oluşturmak için kullanılan JavaScript kütüphanesidir. WebGL gücünü daha erişilebilir hale getirir ve geliştiriciye kamera, ışık, materyal, animasyon gibi 3D bileşenleri yönetme imkanı verir.
Kısa cevap şu: Three.js bir site altyapısı değil, 3D deneyim katmanıdır.
Bu ayrım çok önemlidir. Three.js tek başına içerik yönetimi çözmez, SEO stratejisi kurmaz, kurumsal site mimarisi belirlemez. O yalnız belirli sahneleri ve görsel deneyimleri üretir.
Resmi Three.js dokümantasyonu bu yapının teknik gücünü ayrıntılı biçimde anlatır. Ama iş hedefi ile teknoloji kararı aynı şey değildir.
Three.js Ne Zaman Mantıklıdır?
Doğru projede Three.js gerçekten fark yaratır. Özellikle ürünün görsel anlatımı deneyimin ana parçasıysa güçlü sonuç çıkarabilir.
Mantıklı olduğu başlıca alanlar şunlardır:
- ürünün 3D gösterimi satış sürecine katkı sağlıyorsa
- mimari, endüstriyel tasarım veya otomotiv gibi görselliğin kritik olduğu alanlar varsa
- kampanya sayfasında etkileyici deneyim marka mesajını güçlendiriyorsa
- etkileşimli demo, showroom veya ürün keşif ekranı gerekiyorsa
Şöyle düşünün: Bir mobilya markası ürünün detaylarını döndürülebilir 3D modelle gösteriyorsa bu deneyim gerçek değer üretir. Ama sıradan bir hizmet sitesinin ana sayfasına anlamsız 3D küre koymak çoğu zaman yalnız gürültü üretir.
Three.js Ne Zaman Gereksizdir?
Burada dürüst olmak gerekir. Çoğu kurumsal web sitesi için Three.js şart değildir.
Şu durumlarda dikkat gerekir:
- amaç net bilgi vermekse
- hedef hızlı yüklenen SEO odaklı sayfalar ise
- mobil kullanıcı oranı yüksekse
- teknik bakım kapasitesi sınırlıysa
- 3D katman doğrudan dönüşüme katkı sunmuyorsa
Kısa cevap şu: görsel gösteriş uğruna performans ve açıklığı feda etmek mantıklı değildir.
Three.js Performansı Nasıl Etkiler?
Three.js kullandığınızda cihazın grafik işlem kapasitesine daha çok yük binmeye başlar. Bu durum özellikle düşük güçlü cihazlarda, eski telefonlarda ve mobil ağ koşullarında daha görünür hale gelir.
Etkilenebilecek alanlar şunlardır:
- ilk yüklenme süresi
- animasyon akıcılığı
- pil tüketimi
- mobil kullanım konforu
- sayfanın genel tepki hızı
Bu nedenle 3D deneyim kurarken yalnız masaüstü ekran görüntüsüne bakmak hata olur. Gerçek test, orta segment telefonlarda ve daha zayıf bağlantılarda yapılmalıdır. Eğer temel performans konusu kritikse mobil uyumlu web sitesi tasarımı ile birlikte düşünmek gerekir.
Three.js SEO’yu Bozar mı?
Doğrudan değil, dolaylı olarak etkileyebilir. Three.js’in kendisi SEO düşmanı değildir. Ama ağır 3D sahneler sayfa hızını, kullanıcı etkileşimini ve içerik görünürlüğünü kötü etkilerse SEO tarafında sorun çıkabilir.
SEO açısından dikkat edilmesi gereken başlıca noktalar şunlardır:
- asıl içeriğin HTML içinde erişilebilir olması
- görsel deneyimin metin içeriği tamamen gölgelememesi
- sayfa hızının kabul edilebilir seviyede kalması
- mobil deneyimin bozulmaması
- önemli mesajların yalnız sahne içine gömülmemesi
Kısa cevap şu: Three.js SEO’yu otomatik bozmaz, ama kötü uygulama SEO’yu zayıflatabilir.
Three.js ile Tüm Siteyi Kurmak mı, Belirli Alanlarda Kullanmak mı?
Çoğu projede doğru cevap ikincisidir. Yani tüm siteyi 3D mantıkla kurmak yerine belirli alanlarda kontrollü kullanmak daha akıllıcadır.
En sağlıklı kullanım biçimleri genelde şunlardır:
- ana sayfada kısa ve optimize edilmiş hero deneyimi
- ürün detayında kontrollü 3D gösterim
- kampanya veya lansman sayfasında özel bölüm
- fuar, showroom veya demo ekranında etkileşimli anlatım
Bu yaklaşım hem etkiyi korur hem de siteyi bütünüyle ağırlaştırmaz.
Three.js Hangi Altyapılarla Daha Rahat Kullanılır?
Teknik tarafta Three.js çoğu zaman React tabanlı projelerde daha rahat yönetilir. Özellikle React Three Fiber gibi yapılar geliştirici deneyimini iyileştirir. Bu nedenle Next.js nedir ve ne zaman kullanılır sorusu ile Three.js çoğu zaman aynı masaya gelir.
Bu şu anlama gelmez: Three.js sadece React ile kullanılır. Astro veya farklı yapılar içinde de belirli bileşenler halinde kullanılabilir. Ama projenin etkileşim yoğunluğu arttıkça React ekosistemi daha düzenli çalışma alanı sunabilir.
Three.js Her Marka İçin Doğru mu?
Hayır. Bazı markalar için 3D deneyim gerçekten premium algı üretir. Bazılarında ise yalnız dikkat dağıtır.
Mantıklı olduğu örnekler:
- ürünün formu ve detayları önemliyse
- kullanıcı ürünü keşfederek karar veriyorsa
- görsel hikaye markanın konumlandırmasında merkeziyse
Zayıf kaldığı örnekler:
- standart hizmet sayfaları
- teklif alma odaklı sade kurumsal siteler
- içerik pazarlaması odaklı blog yapıları
- hızın dönüşüm üzerinde çok belirleyici olduğu sayfalar
Burada kritik soru şu: 3D deneyim satış mesajını güçlendiriyor mu, yoksa yalnız güzel görünüyor diye mi ekleniyor?
En Sık Yapılan Hatalar
Sahada en çok şu hataları görüyoruz:
- Three.js’i tüm siteye yaymak.
- Mobil performansı ikinci plana atmak.
- 3D sahnenin içine temel mesajı gömmek.
- Görsel etki uğruna dönüşüm akışını bozmak.
- Projenin bakım ve optimizasyon maliyetini küçümsemek.
Bu yüzden Three.js kararı tasarım hevesiyle değil, deneyim stratejisiyle verilmelidir.
Peki Mantıklı mı?
Eğer ürününüz veya marka anlatınız 3D ile gerçekten güçleniyorsa, evet mantıklıdır. Eğer yalnız modern görünmek için kullanılıyorsa, çoğu zaman mantıklı değildir.
Bir örnek verelim. Endüstriyel makine satan bir marka, ürün iç mekanizmasını 3D ile gösterebiliyorsa bu satış görüşmesini destekler. Ama avukatlık ofisi sitesinin ana sayfasında dönen karmaşık objeler görmek, kullanıcının güven arayışına katkı sağlamaz.
Kısa cevap şu: Three.js araçtır, strateji değildir.
Sıkça Sorulan Sorular
Three.js ile web sitesi yapmak mantıklı mı?
Doğru projede evet, ama her proje için değil. Ürün sunumu, interaktif demo veya görsel anlatının güçlü olduğu alanlarda ciddi değer yaratabilir. Standart kurumsal sitelerde ise çoğu zaman gereksiz yük ve dikkat dağınıklığı üretir.
Three.js SEO’ya zarar verir mi?
Doğrudan değil, ama kötü optimize edilirse zarar verebilir. Ağır sahneler sayfa hızını düşürür, mobil deneyimi zayıflatır ve ana içeriği geri plana iterse SEO performansı olumsuz etkilenebilir. Sorun araçtan çok uygulama kalitesidir.
Three.js mobilde sorun çıkarır mı?
Çıkarabilir. Özellikle düşük güçlü telefonlarda, yoğun animasyon ve büyük model kullanılan sahnelerde performans sorunu yaşanabilir. Bu yüzden gerçek cihaz testleri olmadan karar vermek risklidir.
Three.js yerine video kullanmak daha mı mantıklı?
Bazı durumlarda evet. Eğer amaç yalnız görsel atmosfer kurmaksa optimize edilmiş video daha hafif çözüm olabilir. Kullanıcının nesneyle etkileşime girmesi gerekiyorsa Three.js daha anlamlı hale gelir.
Three.js kurumsal site için uygun mu?
Bazı premium marka sunumlarında uygun olabilir ama genelde tüm siteyi bunun üzerine kurmak doğru değildir. Kontrollü ve belirli alanlarda kullanıldığında etkili sonuç verir. Bilgi odaklı sayfalarda sade yapı çoğu zaman daha iyi çalışır.
Three.js ile site yapmak için React şart mı?
Hayır, şart değil. Ama etkileşimli bileşenleri yönetmek açısından React ekosistemi çoğu projede kolaylık sağlar. Yine de Astro veya başka yapılarda da parça bazlı kullanılabilir.
Three.js pahalı bir tercih mi?
Çoğu projede evet, çünkü tasarım, modelleme, optimizasyon ve geliştirme maliyetini artırır. Ayrıca bakım tarafı da klasik sitelere göre daha dikkat ister. Bu maliyet yalnız gerçekten değer üretiliyorsa anlamlıdır.
Three.js ile tüm siteyi 3D yapmak gerekir mi?
Genelde hayır. En iyi sonuçlar çoğu zaman yalnız belirli alanlarda, kontrollü ve amaçlı kullanımda alınır. Tüm siteyi 3D kurmak çoğu durumda gereksiz karmaşıklık ve performans yükü yaratır.
Sonuç
- Three.js, doğru projede güçlü görsel anlatım ve etkileşim avantajı sağlar.
- Yanlış projede ise performans, odak ve dönüşüm tarafında gereksiz yük üretir.
- En doğru yaklaşım, tüm siteyi değil yalnız değer üreten bölümleri 3D ile güçlendirmektir.
Bir sonraki adımda altyapı kararını netleştirmek isterseniz Next.js nedir ve ne zaman kullanılır ve Headless CMS nedir rehberlerine geçin. Projenizde 3D deneyimin gerçekten gerekli olup olmadığını birlikte değerlendirmek isterseniz kurumsal web sitesi hizmet sayfamız üzerinden bizimle iletişime geçebilirsiniz.