Jübi oýnunda traffigi nädip optimizirlemeli
1) Näme üçin traffigi optimizirlemeli?
Az gijikdirmeler → sessiýadan has durnukly we has ýokary saklamak.
Maglumatlary tygşytlamak → ulanyjynyň çykdajylaryndan we "kesilen nyrh" töwekgelçiliginden pes.
Çalt başlamak → has köp top/mahabat oýunlary.
Gowşak torda ygtybarlylyk (3G/kafe-Wi-Fi/rouming).
2) Hakyky gözegçilik edilmeli metrikler
First Contentful Paint (FCP )/Largest Contentful Paint (LCP): Oýunçy haçan "gördi" we haçan "oýnap bolýar".
INP/TBT: interfeýs seslenişi.
Traffik/sessiýa (MB) we iň ýokary bit.
RTT/jitter/ýitgiler (esasanam göni oýunlar/akymlar üçin).
Kesh hitleri: programma/CDN keshinden soraglaryň paýy.
3) Tor yrgysy: esasy arassaçylyk
Multiplekslemek we bukjalary ýitirmek üçin has çydamly işlemek üçin HTTP/2/HTTP/3 (QUIC) açyň.
TLS session resumption we 0-RTT (H3 üçin) - az söhbetdeşlik.
CDN we oýun üpjün edijilerine DNS-prefetch/Preconnect.
Başarnykly keş syýasaty: "Cache-Control", "ETag", assets wersiýalary.
4) CDN we geografiýa
Statikany we metbugaty PoP bilen CDN-e ulanyja has ýakyn goýuň.
CDN-de (WebP/AVIF) image resizing/' accept '-based negotiation goşuň.
Live-wideo üçin - edge-de (HLS/DASH) köp bitretli profiller.
5) Gysyş we formatlar (bu hakykatda onlarça göterim tygşytlaýar)
Suratlar: WebP/AVIF + 'srcset/sizes', spraytlar we SVG nyşanlary.
Şriftler: WOFF2, zerur glifler boýunça subset, 'font-display: swap'.
Wideo: H.264/HEVC/AV1 (bar ýerinde), awtopleýiň ýerine afişa.
/ JSON: Brotli (br)> Gzip, CDN/serwerde açmak.
JS/CSS: minifikasiýa, "öli" kody aýyrmak (tree-shaking), code-split.
6) Oýun kanwasy: slotlar, kiçi oýunlar, kanwalar/WebGL
Uýgunlaşdyrylan DPR üçin render ediň: 'devicePixelRatio' -ny 1-e çenli çäklendiriň. Mobilde 5-2 - ýitilik saklanýar, traffik/CPU düşýär.
Teksture atlases we tekstura gysyşy (ASTC/ETC/BC, bu ýerde goldanýar) → az ýüklemek.
"Hemme zat birbada" däl-de, derejeler/ekranlar boýunça assetleri ýaltalyk bilen nasoslamak.
"Agyr" kölegeleri/süzgüçleri aýyryň, animasiýa ýygylygyny gowşak enjamlarda 30-45 fps çenli çäklendiriň.
Iframe-slotlary üçin: Diňe möhüm çeşmeleri ýeňil assetler we paket öňünden ýüklemek barada üpjün edijiler bilen gepleşik geçiriň.
7) Göni oýunlar we akymlar: megabaýtlary agyrysyz tygşytlaň
360p/480p/720p bosagalary bolan uýgunlaşdyrylan bitreýt (ABR); / RTT giňligi boýunça profil saýlamak.
Low-Latency HLS/DASH diňe zerur ýerlerde; LLLC-ni hemmeler üçin açmaň.
Gürlemek üçin 64-96 kbps ses bitreýti köplenç ýeterlikdir.
Ýapyk. lobbide awtopleya: afişany/animasiýa GIF/webm prevyu görkeziň.
8) Hakyky wagtda aragatnaşyk
WebSocket: binar protokollar, habarlar paketi, heartbeat her 25-30 sekuntda bir gezek.
WebRTC-data - diňe dar ýagdaýlar üçin; habar beriş serişdelerine degişli bolmasa, "artykmaç" NAT aýlawyndan gaça duruň.
Ýük ýüküni gysyň (protocol buffers/MessagePack), "semiz" JSON sürmäň.
9) PWA/Service Worker: Mobailde traffik-galkan
App Shell: şlýapa/nawigasiýa we skeleton - derrew ilkinji ekran.
Runtime caching: 'Stale-While-Revalidate' suratlar üçin, 'Network First' TTL bilen API üçin.
Background sync: gijikdirilen telemetriýa/logirleme, hiç hili päsgelçiliksiz.
Offline fallback: boşlugyň ýerine düşnükli ekranlar (retraýlary we gereksiz soraglary tygşytlamak).
10) Akylly ýüklemeler we ileri tutulýan ugurlar
Critical CSS inline, galanlary - haýyş boýunça.
Skriptlar üçin 'defer/async', giç ekranlar üçin import ().
Oýun sanawlarynyň lazy-load (paket üçin 20-30 kartoçka), 'IntersectionObserver'.
Niýet boýunça prefetch: ulanyjy kartoçkada saklananda → oýun toplumlaryny çekiň.
11) Billing we kassa: traffigi hem möhümdir
Ulgam töleg gepleşiklerini (Apple/Google Pay) ulanyň - olar has tygşytly we has durnukly.
Töleg ädimlerinde redaktirlemeleri we goşmaça pikselleri azaldyň.
Kripto modulynda ähli torlary/nyşanlary ýüklemäň - diňe saýlanan tor/teňňe.
12) "ýakylmazdan" telemetriýa we A/B
Diňe zerur wakalary ýygnaň, söweşiň we bir gezek N sekuntda/ululykda iberiň.
Boşlukdaky debag-loglary öçüriň, wakalarda meýdançalary kesiň.
A/B baýdaklary - ýeňil remote-config arkaly megabaýt shemalary çekmäň.
13) Oýunçylar üçin amallar (traffik boýunça çalt ýeňişler)
iOS/Android-de Maglumatlary tygşytlaň/Traffigi tygşytlaň.
Mümkin boldugyça Wi-Fi 5/6 arkaly oýnaň; jübi ulgamynda "1-2 taýakdan" gaça duruň - ýitgiden ýokary.
Sazlamalarda wideo/deslapky awto oýnamagy öçüriň.
Telegramda we brauzerde her iki hepdede bir gezek ýygy-ýygydan oýnamazdan ozal nagt pullary arassalaň.
Programma/PWA täzelenmesini yzarlaň - täze wersiýalar köplenç has tygşytly bolýar.
14) Işläp düzüjiler/önüm üçin çek-sanawy (bir sahypa)
1. HTTP/2/3, TLS 1. 3, CDN/oýun domenlerine preconnect.
2. CDN, AVIF/WebP, Brotli.
3. App Shell + SW: offline-fallback, runtime-кеш, background-sync.
4. Obýektleri ýaltalyk bilen ýüklemek, bölünen kod, möhüm CSS inline.
5. Dinamiki DPR (≤ 2), gysylan dokumalar, gowşak 30-45 fps.
6. ABR-wideo giňlik/RTT, ýapyk. lobbide awtopleýa.
7. Paketli WebSocket; maglumatlar üçin gysylan teswirnama.
8. Telemetriýa batçami; öçürilen prod-debag.
9. Artykmaç redaktirlemezden kassa; tölegleriň ulgamlaýyn gepleşikleri.
10. Gözegçilik: LCP/INP/traffik/sessiýa, nagt hitler, RTT/ýitgiler.
15) Ýygy-ýygydan ýalňyşlyklar we olary nädip düzetmeli
Sanawdaky wideo/akym awtopleýini poster/prevyu bilen çalyşyň.
Ähli enjamlarda 3 × assetany çekýäris → 'srcset '/DPR profillerini ulanyň.
Ullakan JS-bandlalar → marşrutlar boýunça bölünişik, ýok edilen deps.
Nol Cache Control → TTL/ETag we wersiýa sazlaň.
Söhbetdeşlik/telemetriýa spamat → batchat, heartbeat aralygyny uzaldyň.
Hemme zat bir WebSocket kanalynda (oýun + söhbetdeşlik + analitika) → kritiklige görä bölüň.
16) "Howany döredýän" kiçi patternler
Tor gowşak bolsa, "Wideonyň hilini pesele" düwmesi.
Retina ýüklenýänçä oýun üçin Placeholder örtükleri.
Soňky sessiýanyň saklanmagy (ýagdaý keşi) - gaýtalanýan soraglardan az.
Iň soňky başlanan stoluň/slot üçin Deeplink - minus iki ekran we bir topar asset.
17) FAQ
Traffigi optimizirlemek hilini erbetleşdirermi?
Eger uýgunlaşsaňyz (DPR/ABR/' srcset ') - ýok: enjamyňyza we toruňyza iň gowy hil/tizlik balansyny berýärsiňiz.
Ulanyjylaryň hemmesi Low-Latency re modeimini açmalymy?
Ýok. Ol traffik taýdan has gymmat we ýitgilere duýgur. Ýaryşlar/durmuş ýagdaýlary üçin goýuň.
Milli müşderiniň ýerine PWA - aşakdaky traffik?
Köplenç hawa: az SDK we fon akymlary, üstesine SW keş. Emma durmuşa geçirilmegine baglydyr.
AVIF/WebP näçe tygşytlaýar?
Ortaça 25-45% JPEG/PNG garşy ep-esli hil ýitgisi bolmazdan.
DPR-ni hemişe azaltmalymy?
Gowşak enjamlarda/pes torda dinamiki peseldiň; Wi-Fi flagmanlarynda 6 saklap bilersiňiz 2. 0.
Traffigi optimizirlemek "hemme zady kesmek" däl-de, hilini we göwrümini enjamyna, toruna we ssenarisine uýgunlaşdyrmak. Çalt tor yığını (HTTP/3, CDN, keş), akylly assetalary (WebP/AVIF, tekstura, ABR), arassa kanwany we PWA keş birleşdiriň, telemetriýanyň sesini azaldyň we çalt ýüklemeleri, durnukly oýny we ep-esli maglumatlary tygşytlaň. Oýunçylar toruň aňyrsyndan ýygy-ýygydan ýykylýar, köplenç gaýdyp gelýärler we önüm saklamak we infrastruktura çykdajylarynda ýeňiş gazanýar.