V8 JIT Lifecycle

byteomi.com · JavaScript Engine Yapısı (tarayıcı serisi) parse → AST → Ignition → TurboFan → JIT → hidden class / IC hattını metinsel mimari olarak kurar. Motor mimarisi girişi aynı pipeline’ı host’tan bağımsız dört eksende (runtime, async, optimization, bellek) çerçeveler. Holodepth bu sayfada o sözlüğü tekrar etmez; soruyu çevirir: Three.js / WebGL sahnesinde sıcak animate() yolu nasıl ısınır ve tip / shape kırılınca canvas’ta ne hissedilir?

Sahne mimarisi açısından V8 JIT «Chrome hakkında ders» değil, kare bütçesine giren JS’in ısı ve kırılma fiziğidir. Stabil monomorphic property erişimi hot update’te TurboFan yoluna yaklaşır; rastgele alan ekleme / delete / delikli dizi IC’yi bozar; deopt spike’ı Frame Budget’ta JS Killer gibi görünür. Topology «hangi süreç?»; Event Loop «hangi sırada?»; Frame Budget «hangi aşama bu kareyi yedi?»; bu lab bu JS neden birden yavaşladı?

Aşağıdaki bölümler Flow Reactor’ı, chamber okumasını ve sahne karşılıklarını açıklar; opcode tablosu, Sparkplug katmanı ve GC safhaları için Byteomi kaynaklarına dönün.

Flow Reactor, Byteomi’deki derleme hattının Holodepth sahne haritasıdır Ignition / TurboFan makalesinin kopyası değil. Soldan sağa tek bir fonksiyon (add) «compiler river» olarak akar; opcode paketleri, heat ve IC rengi ile sürekli güncellenen bir öğretim modelidir. Soru «kaç katman var?» değil: benim hot update’im hangi chamber’da ısınıyor / kırılıyor?

Her kutu bir energy chamber: veri geçerken parlar, yanlış varsayımda söner. Conduit’ler heat arttıkça hızlanır; TurboFan açılınca mavi speculative halo; tip / shape kırılınca DEOPT şoku optimize yolu keser. Stage tıklayınca odak (hafif zoom); sürükle = pan, tekerlek = zoom. Otomatik kamera, pan/zoom veya stage tıklamasından sonra 12 sn dinlenir.

• Dört öğrenme fazı (önerilen sıra). Phase 1 Parse → SOURCE · AST · BYTECODE (yapı doğar). Phase 2 IC → tip sabitlenir, cache yeşile döner. Phase 3 Optimize → heat + HOT LOOP · TURBOFAN. Phase 4 Deopt → shockwave + Ignition fallback. Önce Stable types + Call burst, sonra Force optimize, en son Trigger deopt.
• Chamber, paket ve HUD. Parlayan noktalar opcode paketleridir. Üst HUD (parse, IC, tier, deopt, HC, hotness) baskıyı özetler; sağ Runtime log olayı kronolojik yazar. Ledger değil; terminal günlüğü.
• Pipeline haritası = sahne sorusu. Aşağıdaki etiketler sahnedeki chamber sırasıdır. Byteomi «ne üretir?»; Holodepth «bu chamber sahne JS’inde hangi hissi verir?» diye okutur.

Soldan sağa · tek fonksiyon (add) pipeline’ı

• SOURCE
• AST
• BYTECODE
• IC STATE
• HIDDEN CLASS
• HOT LOOP
• TURBOFAN
• DEOPT

• SOURCE · AST Modül / shader string parse · henüz çizim yok
• BYTECODE Soğuk animate() · Ignition yolu
• IC STATE Property / method call site · mono → mega
• HIDDEN CLASS Mesh / material bag shape · alan sırası
• HOT LOOP Her frame update · hotness / pressure
• TURBOFAN Isınmış native path · mavi halo
• DEOPT Tip / map kırılması · JS spike / jank

• SOURCE · AST · BYTECODE. Chamber’da mini editor, ağaç ve opcode lane görürsünüz; teori Byteomi’de. Sahne karşılığı: script / worker / string eval soğuk başlar; ilk frame’ler çoğu zaman bytecode’da kalır JIT’e değmez kısa handler’lar.
• IC STATE · HIDDEN CLASS. Yeşil MONO, sarı POLY, kırmızı MEGA; HC0→HC1→HC2 property ekleme zinciri. Sahne: her frame aynı şekilli uniform bag / material property → mono; rastgele obj[key]=… veya delete → mega / invalidate.
• HOT LOOP · TURBOFAN · DEOPT. Heat eşiği + mavi halo = ısınmış yol; DEOPT = varsayım kırıldı, fallback pulse. Sahne: uzun süredir aynı tipte dönen update birden string / holey array alınca Frame Budget’ta JS şeridi şişebilir «sihirli optimize bayrağı» yok.

V8 JIT ≠ Frame Budget ≠ Topology. Topology süreç, Frame Budget kare aşaması, bu lab sıcak JS’in ısı / kırılma fiziği. Parse tablosu ve tier sözlüğü Byteomi’de.

İlk deneme: Stable types + Call burst → Force optimize → Trigger deopt. IC yeşil → heat → mavi halo → kırmızı şok. Sözlük Byteomi JS Engine / Motor girişi; sahne etkisi bu reactor.

Butonlar Byteomi tier tablosunu ezberletmez; her biri bir sahne JS stresidir. Tek tek basın, HUD + log + chamber rengine bakın, ürün «takıldı» şikâyetiyle eşleştirin.

Stable types

add(1,2) benzeri sabit tip; IC yeşil MONO, heat artar. Karşılık Her frame aynı shape property · TurboFan hazırlık

Call burst

Çağrı fırtınası; hotness ve Phase 2 baskısı. Karşılık Yoğun animate() / tick · heat

Object mutation

obj.x / obj.y → HC0→HC1→HC2; IC invalidate. Karşılık Runtime’da alan ekleme · shape transition

Megamorphic call

Çok tip → kırmızı MEGA; optimize zorlaşır. Karşılık Heterojen call site · poly → mega

Force optimize

Heat yeterliyse TurboFan mavi halo. Karşılık Isınmış hot path · native tier

Trigger deopt

Yanlış tip (add("x",{})) → shockwave, Ignition fallback. Karşılık Tip kırılması · JS spike / jank

Delete property / Array hole

Shape / elements bozulur; IC ve opt varsayımları kırılır. Karşılık delete / holey dizi · map / elements riski

Okuma ipucu: Önce IC rengi ve hotness, sonra tier / deopt count, sonra log satırı. Sözlük Byteomi JS Engine; sahne etkisi bu reactor.

Bu kartlar doğru / yanlış cevap değildir; reactor’da aramanız gereken görsel imzalardır. Sağlıklı hot path: IC yeşil, heat yükselir, deopt count sabit. Kötü imza kullanıcıya «birden takıldı / frame düştü» olarak yansır Frame Budget’ta çoğu zaman JS şeridi.

Ayrıntılı basit özet: simülatörün hemen altındaki Bu demo ne işe yarar? kutusu.