मोबाइल गेम खेलते समय ट्रैफिक का अनुकूलन कैसे करें
1) यातायात का अनुकूलन क्यों करें
कम देरी - अधिक स्थिर सत्र और उच्च पकड़।- डेटा बचत - कम उपयोगकर्ता लागत और "कटौती टैरिफ" का जोखिम।
- तेजी से शुरुआत - फ्लफ/विज्ञापनों के साथ खेल के अधिक रन।
- एक कमजोर नेटवर्क (3 जी/कैफे-वाई-फाई/रोमिंग) पर विश्वसनीयता।
2) मेट्रिक्स जो वास्तव में देखने लायक हैं
पहला संतोषजनक पेंट (एफसीपी )/सबसे बड़ा संतोषजनक पेंट (एलसीपी): जब खिलाड़ी "देखा" और जब "खेल सकता है"।
INP/TBT इंटरफ़ेस प्रतिक्रिया।- ट्रैफिक/सत्र (एमबी) और पीक बिट दर।
- आरटीटी/जिटर/नुकसान (विशेष रूप से लाइव गेम/स्ट्रीम के लिए)।
- कैश हिट - अनुप्रयोग/सीडीएन कैश से अनुरोधों का प्रतिशत।
3) नेटवर्क स्टैक: बुनियादी स्वच्छता
मल्टीप्लेक्सिंग और अधिक मजबूत पैकेट हानि ऑपरेशन के लिए HTTP/2/HTTP/3 (QUIC) सक्षम करें।
TLS सत्र फिर से शुरू और 0-RTT (H3 के लिए) - कम हाथ चैट।
DNS-Prefetch/CDN और गेम प्रदाताओं के लिए प्रीकनेक्ट करें।- सक्षम कैश पॉलिसी: 'कैश-कंट्रोल', 'ETag', वर्शनिंग एसेट्स।
4) सीडीएन और भूगोल
उपयोगकर्ता के करीब PoP के साथ CDN पर स्थिर और मीडिया रखें।
CDN (WebP/AVIF) पर छवि नया आकार/' स्वीकार करें '-आधारित बातचीत सक्षम करें.
लाइव वीडियो के लिए - किनारे पर बहु-बिटरेट प्रोफाइल (HLS/DASH)।
5) संपीड़न और प्रारूप (जो वास्तव में दसियों प्रतिशत बचाता है)
चित्र: WebP/AVIF + 'srcset/sizes', स्प्राइट्स और SVG आइकन।
फ़ॉन्ट्स: WOFF2, वांछित ग्लिफ़के लिए सबसेट, 'फ़ॉन्ट-डिस्प्ले: स्वैप'.
वीडियो: H.264/HEVC/AV1 (जहां उपलब्ध है), ऑटोप्ले के बजाय पोस्टर।
पाठ/JSON: Brotli (br)> Gzip, CDN/सर्वर पर सक्षम।
JS/CSS: मिनीफिकेशन, ट्री-शेकिंग, कोड-स्प्लिट।
6) गेमिंग कैनवास: स्लॉट, मिनीगेम्स, कैनवास/वेब जीएल
अनुकूली डीपीआर के लिए रेंडर: 'DivePixelRatio' सीमा 1। मोबाइल पर 5-2 - तीक्ष्णता बनी रहती है, यातायात/सीपीयू गिरता है।
बनावट एटलस और बनावट संपीड़न (एएसटीसी/ईटीसी/बीसी, जहां समर्थित) → कम डाउनलोड।
स्तरों/स्क्रीन पर संपत्ति की आलसी अदला-बदली, न कि "सभी एक ही बार में।"
"भारी" छाया/फिल्टर निकालें, कमजोर उपकरणों पर एनिमेशन की आवृत्ति को 30-45 एफपीएस तक सीमित करें।
Iframe स्लॉट के लिए: प्रकाश संपत्ति और बैच केवल महत्वपूर्ण संसाधनों के बारे में प्रदाताओं के साथ बातचीत करें।
7) लाइव गेम और स्ट्रीम: बिना दर्द के मेगाबाइट्स बचाएं
360p/480p/720p के थ्रेसहोल्ड के साथ अनुकूली बिटरेट (एबीआर); चौड़ाई/आरटीटी द्वारा प्रोफ़ाइल चयन।
कम-लेटेंसी HLS/DASH केवल जहां जरूरत है; सभी के लिए एलएलसी सक्षम न करें।
भाषण के लिए ऑडियो बिटरेट 64-96 kbps अक्सर पर्याप्त होता है।
ऑफ लॉबी ऑटोप्ले: पोस्टर/एनिमेटेड जीआईएफ/वेब पूर्वावलोकन दिखाएँ।
8) वास्तविक समय का संचार
वेबसॉकेट: बाइनरी प्रोटोकॉल, पैक संदेश, हर 25-30 सेकंड में दिल की धड़ कन।
WebRTC-डेटा - केवल संकीर्ण मामलों के लिए; "अनावश्यक" NAT बाईपास से बचें यदि यह मीडिया के बारे में नहीं है।
पेलोड (प्रोटोकॉल बफर्स/मैसेजपैक) को संपीड़ित करें, "वसा" JSON को ड्राइव न करें।
9) पीडब्ल्यूए/सेवा कार्यकर्ता: मोबाइल पर यातायात बोर्ड
ऐप शेल: हम हेडर/नेविगेशन और कंकाल को कैश करते हैं - तत्काल पहली स्क्रीन।
रनटाइम कैशिंग: तस्वीरों के लिए 'स्टेल-जबकि-रिवैलिडेट', टीटीएल के साथ एपीआई के लिए 'नेटवर्क फर्स्ट'।
पृष्ठभूमि सिंक: आस्थगित टेलीमेट्री/लॉगिंग, बिना बातचीत अवरुद्ध किए।
ऑफ़ लाइन फॉलबैक: शून्यता के बजाय समझने योग्य स्क्रीन (रिट्रे और अनावश्यक अनुरोधों की बचत)।
10) स्मार्ट डाउनलोड और प्राथमिकताएं
क्रिटिकल सीएसएस इनलाइन, बाकी अनुरोध पर।- 'defer/async' for स्क्रिप्ट, बाद की स्क्रीन के लिए आयात ()।
- आलसी-लोड गेम सूची (प्रति पैक 20-30 कार्ड), 'IntersimesObserver'।
- इरादे से प्रीफेच: जब उपयोगकर्ता कार्ड पर टिका हुआ था - खेल की संपत्ति को खींचें।
11) बिलिंग और चेकआउट: यातायात भी महत्वपूर्ण है
सिस्टम भुगतान संवाद (Apple/Google पे) का उपयोग करें - वे अधिक किफायती और टिकाऊ हैं।
भुगतान चरणों पर रीडायरेक्ट और अतिरिक्त एनालिटिक्स पिक्सेल को न्यूनतम करें
क्रिप्टो मॉड्यूल में, सभी नेटवर्क/प्रतीक लोड न करें - केवल चयनित नेटवर्क/सिक्का।
12) "ग्लूटनी" के बिना टेलीमेट्री और ए/बी
केवल आवश्यक घटनाओं को इकट्ठा करें, बैच करें और प्रत्येक एन सेकंड/आकार से एक बार भेजें।
प्रोड में डिबग लॉग बंद करें, घटनाओं में फ़ील्ड को काट लें।- A/B झंडे - आसान रिमोट-कॉन्फ़िग के माध्यम से, मेगाबाइट योजनाओं को न खींचें।
13) खिलाड़ियों के लिए अभ्यास (त्वरित यातायात जीत)
IOS/Android पर, डेटा सेवर/ट्रैफिक सेविंग सक्षम करें।- यदि संभव हो, तो वाई-फाई 5/6 से अधिक खेलें; एक मोबाइल नेटवर्क पर, "1-2 लाठी" से बचें - उच्च नुकसान।
- सेटिंग में ऑटोप्ले वीडियो/पूर्वावलोकन अक्षम करें।
- टेलीग्राम और ब्राउज़र में, हर दो हफ़्ते में कैश को साफ़ करें - लेकिन अक्सर खेलने से पहले नहीं (कैश मदद करता है)।
- एप्लिकेशन/PWA अपडेट पर नज़र रखें - नए संस्करण अक्सर अधिक किफायती होते हैं।
14) डेवलपर/उत्पाद जाँचसूची (एक पृष्ठ)
1. HTTP/2/3, टीएलएस 1। 3, सीडीएन/गेम डोमेन के लिए प्रीकनेक्ट करें।
2. चित्र आकार, AVIF/WebP, Brotli प्रति पाठ के साथ CDN।
3. ऐप शेल + SW: ऑफ़ लाइन-फॉलबैक, रनटाइम-, बैकग्राउंड-सिंक।
4. संपत्ति का आलसी लोडिंग, कोड-स्प्लिट, महत्वपूर्ण सीएसएस इनलाइन।
5. डायनेमिक डीपीआर (≤2), संपीड़ित बनावट, कमजोर पर 30-45 एफपीएस।
6. एबीआर वीडियो चौड़ाई/आरटीटी, लॉबी में ऑटोप्ले बंद।
7. पैकेजिंग के साथ वेबसॉकेट; डेटा के लिए संपीड़ित प्रोटोकॉल।
8. बैचमी द्वारा टेलीमेट्री; विकलांग prod-debag।
9. अनावश्यक पुनर्निर्देशन के बिना कैशियर; तंत्र भुगतान संवाद
10. निगरानी: एलसीपी/आईएनपी/ट्रैफिक/सत्र, कैश हिट, आरटीटी/हानि।
15) बार-बार गलतियाँ और उन्हें कैसे ठीक किया जाए
पोस्टर/पूर्वावलोकन के साथ → लिस्ट में वीडियो/स्ट्रीम ऑटोप्ले को बदलें।
हम सभी उपकरणों पर 3 × संपत्ति खींचते हैं - 'srcset '/DPR प्रोफाइल का उपयोग करें।
विशालकाय जेएस बंडल - मार्ग पृथक्करण, अप्रयुक्त डिप्स को हटाना।
जीरो कैश कंट्रोल → कॉन्फ़िगर टीटीएल/ईटीएजी और वर्शनिंग।- चैट/टेलीमेट्री स्पैम → बैच, दिल की धड़ कन अंतराल बढ़ाएं।
- एक वेबसॉकेट चैनल (गेम + चैट + एनालिटिक्स) में सब कुछ → आलोचना से विभाजित होता है।
16) मिनी पैटर्न जो 'मौसम बनाते हैं'
एक खराब नेटवर्क के साथ लाइव टेबल में बटन "वीडियो गुणवत्ता कम करें"।
रेटिना लोड करने से पहले गेम के लिए प्लेसहोल्डर कवर करता है।- अंतिम सत्र सहेजें (स्टेट कैश) - कम पुनरावृत्ति।
- अंतिम रनिंग टेबल/स्लॉट के लिए डीपलिंक - माइनस दो स्क्रीन और संपत्ति का एक पैकेट।
17) एफएक्यू
क्या यातायात अनुकूलन गुणवत्ता को नीचा दिखाए- यदि आप इसे अनुकूली रूप से करते हैं (DPR/ABR/' srcset ') - नहीं: आप डिवाइस और नेटवर्क के लिए गुणवत्ता/गति का सर्वोत्तम संतुलन देते हैं।
क्या सभी उपयोगकर्ताओं को लो-लेटेंसी मोड सक्षम करने की आवश्यकता है?
नहीं, यह नहीं है। यह यातायात में अधिक महंगा है और नुकसान के प्रति संवेदनशील टूर्नामेंट/लाइव मामलों के लिए छुट्टी।
देशी ग्राहक के बजाय PWA - नीचे यातायात?
अक्सर हाँ: कम एसडीके और पृष्ठभूमि धागे, प्लस एसडब्ल्यू कैश। लेकिन कार्यान्वयन पर निर्भर करता है।
AVIF/WebP कितना बचाता है?
गुणवत्ता का कोई नुकसान नहीं होने के साथ औसतन 25-45% बनाम JPEG/PNG।
क्या हमें हमेशा डीपीआर कम करना चाहिए?
कमजोर उपकरणों/कम नेटवर्क पर गतिशील रूप से कम करें; वाई-फाई 6 के साथ फ्लैगशिप पर, आप 2 रख सकते हैं। 0.
ट्रैफिक अनुकूलन "सब कुछ काटने" के बारे में नहीं है, बल्कि डिवाइस, नेटवर्क और परिदृश्य के लिए गुणवत्ता और मात् फास्ट नेटवर्क स्टैक (HTTP/3, सीडीएन, कैश), स्मार्ट एसेट्स (वेब/एवीआईएफ, बनावट, एबीआर), साफ कैनवास और पीडब्ल्यूए कैश, टेलीमेट्री शोर में कटौती करें - और तेज डाउनलोड, स्थिर गेमप्ले और मूर डेटा बचत प्ड करें। नेटवर्क के कारण खिलाड़ी कम बार गिरते हैं, अधिक बार वापसी करते हैं, और उत्पाद प्रतिधारण और बुनियादी ढांचे की लागत दोनों में