Hizli Yuklenen Mobil 3D Vucut Onizleme

Alicilar satin almadan once bir bedenin kendi vucut tipine gore gercekte nasil gorundugunu gormek ister ve boy-kilo verisiyle calisan bir 3D vucut onizlemesi bu guveni olusturmanin en hizli yollarindan biridir. Sorun sudur: web icin insa edilen cogu 3D deneyim masaustu demo'lari icin tasarlanmistir, orta seviye bir Android islemcili ve zayif 4G baglantili bir telefon icin degil — ve urun sayfanizdaki agir bir 3D varlik, hem Google hem de donusum oraniniz icin kritik olan yukleme hizi metriklerini sessizce yok edebilir.

Mobil 3D vucut onizlemesi neden bir performans tuzagi

Mobil artik moda e-ticaret trafiginin cogunlugunu olusturuyor ve Google'in siralama ve kullanici deneyimi sinyalleri esas olarak mobil cihazlarda olculen Core Web Vitals uzerine kurulu. Bir 3D vucut onizlemesi tipik olarak bir mesh, bir doku seti ve bir render motoru (WebGL veya WebGPU) gonderir; bunlarin herhangi biri sayfa yuklenirken hevesle yuklenirse, genellikle hero urun goruntunuz olan en buyuk icerikli boyama (LCP) elemaniyla bant genisligi ve ana is parcacigi zamani icin dogrudan yarisir.

Sonuc tanidik bir desendir: ofiste Wi-Fi'ye bagli bir MacBook'ta iyi test edilen guzel bir 3D ozellik, gercek aliciların gercek aglarda oldugu icin uretimde mobil donusumu cokertir. Google'in Core Web Vitals ve sayfa deneyimi konusundaki kendi rehberligi, LCP, INP ve CLS'nin laboratuvarda degil sahada olculdugunu net bir sekilde ortaya koyar — yani ekibe "iyi hissettiren" bir onizleme, Search Console'un isaretledigi ve mobil ticaret arastirmalarinin surekli olarak dusuk donusumle iliskilendirdigi metrikte hala basarisiz olabilir.

Butceyi patlatan uc varlik

Cogu mobil 3D vucut onizlemesi basarisizligi su uc nedene dayanir:

• Mesh karmasikligi — modelleme aracindan dogrudan disa aktarilan yuksek poligonlu vucut modelleri, genellikle bir telefon ekraninin gercekten cozebileceginden 5-10 kat daha yogun.
• Doku cozunurlugu — birkac yuz piksel genisliginde bir kartta render edilen onizlemeye uygulanan 2K veya 4K doku haritalari.
• Motor agirligi — onizlemeyle hic etkilesime girmeyen aliciler icin bile her PDP ziyaretinde yuklenen tam bir 3D motor paketi.

Insa etmeden once bir varlik butcesi belirlemek

Cozum bir kutuphane secimiyle degil bir butceyle baslar. Uygulanabilir bir mobil hedef; 150 bin ucgenin altina indirgenmis bir mesh (stilize bir vucut siluetinde genellikle cok daha az), agresif sikistirmayla (ham PNG yerine Basis/KTX2) 512-1024px ile sinirlandirilmis dokular ve ilk etkilesimli goruntu icin mesh, doku ve motor birlikte gzip ile 1.5MB altinda toplam bir 3D yuku olabilir. Bu butcenin ustundeki her sey, getirdigi LCP ve INP maliyetine karsi kendini kanitlamalidir.

Sayfayi degil onizlemeyi tembel yukleyin

Tek en yuksek kaldiracli duzeltme, 3D onizlemeyi gercekten gerekene kadar ertelemektir. Baslangic durumu olarak hafif bir 2D yer tutucu — alicinin girdigi boy ve kiloya bagli statik bir siluet veya illustrasyon — render edin ve mesh, doku ve motoru yalnizca alici "3D'de gor"e dokundugunda veya bir kesisim gozlemcisiyle onizleme goruntu alanina girdiginde getirin. Bu, 3D yukunu tamamen LCP icin kritik yoldan uzak tutar, cunku hero goruntu ve yer tutucu WebGL baslatilmasini beklemeden boyanabilir.

Bu ayni desen sadece 3D icin degil, genel olarak mobil PDP'de de onemlidir: onizleme ekranda oldugunda gecerli olan daha genis duzen ve etkilesim odunlesimleri icin kucuk ekranlar icin sanal deneme tasarlama yazisina, bunun oturdugu magaza genelindeki performans disiplinine icin moda magazanizi hizlandirma yazisina bakin.

Render stratejisi: WebGL yedegi ve asamali detay

Her cihaz ayni render yolunu almamali. Pragmatik bir kademelendirme yaklasimi:

1. Kademe 1 (dusuk uc/yavas ag): boy/kilo girdilerinden uretilen statik illustrasyon vucut onizlemesi, WebGL yok.
2. Kademe 2 (orta seviye): dusuk poligonlu 3D mesh, tek dusuk cozunurluklu doku, sinirli kare hizi.
3. Kademe 3 (ust duzey/Wi-Fi): tam detayli mesh ve doku, pürüzsüz dondurme ve yakinlastirma.

Cihaz kademesini tespit etmek, mumkun oldugunda Network Information API uzerinden etkin baglanti turunu kontrol etmek kadar basit olabilir, buna kaba bir cihaz-bellek kontrolu de eklenerek, herhangi bir sinyal eksik oldugunda zarifce geri dusulur. Amac, hicbir alicinin zaten iyi render edemeyecegi 3D varliklari beklerken engellenmemesidir — hemen kullanisli bir uyum sinyali alirlar, daha zengin detay firsatci bir sekilde katmanlanir.

Altta yatan uyum mantigi neden render'dan daha onemli

Render ettigi vucut sekli giysinin gercekte nasil oturdugunu yansitmiyorsa, keskin ve hizli yuklenen bir 3D onizleme degersizdir. Gorsel katman, ayri bir kozmetik model degil, beden onerinizi yonlendiren ayni istatistiksel uyum mantigi uzerine oturmalidir. Bunun dayandigi veri iliskisi icin boy ve kilonun giysi uyumunu nasil ongordugu yazisina bakin — onizleme yalnizca onu besleyen uyum modeli kadar guvenilirdir.

Odunlesimi olcmek: 3D onizleme donusume yardim mi eder zarar mi verir

3D onizlemeyi genis capta devreye almadan once, onu tek seferlik bir ozellik degil kendi deneyi olarak izleyin. Uc seyi birlikte takip edin: onizleme etkinken PDP'lerdeki Core Web Vitals farki kontrol grubuna karsi, beden onerisi kabul orani ve alicinin 3D onizlemeyi actigi siparislerde bedene veya uyuma bagli iade orani, acmadigi siparislerle karsilastirildiginda. Perakende arastirmalari surekli olarak daha yavas sayfa deneyimlerini daha dusuk sepete ekleme ve odeme oranlarina baglar, bu yuzden anlamli LCP veya INP gerilemesi ekleyen bir 3D ozellik urettigi iade orani kazanimlarini silebilir — sitenin hizinin, etkilesimin ve gelirin perakendedeki daha genis baglantisi icin McKinsey'nin perakende performansi ve donusum arastirmasina bakin.

Yararli bir kural: 3D onizleme etkilesimde INP'ye 200-300ms'den fazla ekliyorsa veya mobil oturumlarin anlamli bir kismi icin LCP'yi "iyilestirme gerekli" esiginin otesine itiyorsa, alicilarin nitel geri bildirimde ne kadar begendigini soylediginden bagimsiz olarak genis capta devreye alinmadan once daha fazla optimizasyona ihtiyaci vardir.

Devreye alma kontrol listesi

• Yer tutucu 3D varliklara bagimlilik olmadan aninda render edilir.
• Mesh ve doku yalnizca acik etkilesim veya goruntu alanina girisle yuklenir.
• Varlik yuku cihaz kademesi basina olculur ve butcelendirilir.
• Core Web Vitals lansmani sonrasi sahada izlenir (sadece laboratuvar araclari degil).
• Onizlemenin arkasindaki uyum mantigi magazanin cekirdek beden oneri motoruyla eslesir.
• Iade orani ve donusum etkisi sadece lansman heyecani degil, kontrollu bir karsilastirma olarak izlenir.

Sıkça Sorulan Sorular

Bir 3D vucut onizlemesi her zaman Core Web Vitals'a zarar verir mi?

Hayir, ama yalnizca siki bir varlik butcesiyle muhendislik edilip tembel yuklendiginde ve LCP icin kritik render yolunda hicbir zaman oturmadiginda dogru. Basarisizlik modu, alicinin onizlemeyle etkilesime girip girmediginden bagimsiz olarak her PDP ziyaretinde tam bir 3D motorunu ve yuksek cozunurluklu varliklari hevesle yuklemektir.

Mobil 3D onizlemeler icin hangi mesh ve doku boyutlari guvenli?

Makul bir baslangic butcesi, 150.000 ucgenin altina indirgenmis bir mesh ve yaklasik 512 ile 1024 piksel arasinda sinirlandirilmis sikistirilmis dokulardir, toplam ilk 3D yukunu gzip ile yaklasik 1.5MB altinda tutarak. Bu sayilar gercek cihaz karisiminiza gore dogrulanmalidir, cunku daha genc ve ust duzey telefon kitlesine sahip bir magaza tavani biraz daha yukari itebilir.

Her alici ayni 3D onizleme kalitesini gormeli mi?

Hayir. Render kalitesini cihaz yetenegine ve ag kosuluna gore kademelendirmek — en dusuk kademe icin statik yer tutucu, orta seviye cihazlar icin dusuk poligonlu render ve hizli baglantidaki ust duzey cihazlar icin tam detay — ozelligi mobil trafigin anlamli bir diliminde kullanilamaz hale getirmek yerine her yerde kullanilabilir tutar.

3D onizlemenin gercekten iadeleri azalttigini nasil bilirim?

Genel bir lansman yerine kontrollu bir karsilastirma olarak calistirin: 3D onizlemeyle etkilesime giren aliciler ile eslesmis bir grup arasinda beden kaynakli iade oranlarini ve beden onerisi kabul oranini karsilastirin, ayni zamanda Core Web Vitals maliyetini izleyin. Iadeler duserken donusum de daha yavas yukleme nedeniyle duserse, net etki hala negatif olabilir.