Browser Games Laggy क्यों लगते हैं (और कैसे ठीक करें)

आपका mouse click native game तक कुछ ही milliseconds में पहुँचता है। browser game में वही click pixel बनने से पहले OS, एक JavaScript engine और एक compositor की queue में लगता है। यहाँ जानेंगे कि browsers delay कहाँ जोड़ते हैं, अपना हिस्सा कैसे मापें, और वे fixes जो सच में संख्या बदलते हैं।

Input chain, switch से pixel तक

आपका हर click एक assembly line पर चलता है। हर stage अपनी delay जोड़ता है, और browser इसके बीच में बैठा है:

सब जोड़ें तो 60Hz setup पर एक browser game में click-to-photon delay 40-60ms तक पहुँच सकती है — इससे पहले कि game logic कुछ करे। raw input वाला native game इनमें से कई stages को पूरी तरह skip कर देता है। यही gap वजह है कि वही mouse desktop पर crisp और browser tab में muddy लगता है।

Display tax: कुछ भी दिखने से पहले 16.7ms

यह fact LAN parties में बताने लायक है: 60Hz पर अकेली display 16.7ms तक की delay जोड़ सकती है — एक पूरा frame — इससे पहले कि आपका click दिखे। यह अकेला stage एक gaming mouse की पूरी pipeline से ज़्यादा खर्च करता है: एक अच्छा optical switch करीब 1ms में fire होता है और 1000Hz poll एक और 1ms जोड़ता है।

लोग खुशी-खुशी mouse से 2ms घटाने पर $150 खर्च करते हैं, और monitor settings में 16.7ms छोड़ देते हैं। 144Hz पर जाएँ तो frame tax घटकर 6.9ms रह जाता है; 240Hz पर 4.2ms। अगर आपका monitor capable है लेकिन गलत configured है — जो दुःखद रूप से common स्थिति है — तो अपना असली refresh rate check करने की हमारी गाइड में दो मिनट लगते हैं।

इसका मतलब यह नहीं कि mouse मायने नहीं रखता। मतलब यह है कि latency एक budget है जो पूरी chain पर खर्च होता है, और सबसे बड़ी entries अक्सर वही नहीं होतीं जिनकी marketing सबसे अच्छी होती है।

अपने browser के delay-हिस्से को मापना

जिसे isolate नहीं कर सकते, उसे fix नहीं कर सकते। हमारा browser input latency test उस हिस्से को मापता है जो browser का है: यह हर input event के timestamp की तुलना high-resolution clock से करता है जब event handler असल में चलता है, फिर clicks, taps या key presses के batch पर median और 95th percentile रिपोर्ट करता है।

नतीजे ऐसे पढ़ें: median आपकी typical dispatch delay है — healthy desktop browser पर आमतौर पर low single-digit milliseconds में। p95 है tail — जब main thread अटके तो कितना बुरा होता है। 2ms का median और 30ms का p95 का मतलब है कि आपका browser औसतन ठीक है लेकिन नियमित रूप से अटकता है, जो game में random खाए गए inputs जैसा लगता है।

इस बात में ईमानदार रहें कि यह क्या मापता है: browser event boundary पर dispatch delay। इसमें आपके mouse का switch, USB transport या display scan-out शामिल नहीं है — tool का अपना guide section भी यही कहता है। पूरे end-to-end picture के लिए, यहाँ खत्म करने के बाद input lag checklist पर काम करें।

Browser में वही mouse खराब क्यों लगता है

Native games input को metal के करीब से पढ़ते हैं — raw input APIs जो बिना ज़्यादा झंझट के mouse data देती हैं। Browsers सैर वाला रास्ता लेते हैं। OS event को browser को देता है, browser तय करता है कि cursor के नीचे कौन-सा element है (पूरे DOM की hit-testing), इसे main thread पर JavaScript को dispatch करता है, और तभी आपका game code react कर सकता है। अगर main thread किसी ad script को execute करने में busy है, तो आपका click queue में इंतज़ार करता है।

तीन browser-specific amplifiers:

• Busy main thread: भारी tabs, video ads और crypto-जैसे page scripts सब उसी thread को share करते हैं जिस पर आपका game चलता है। muted video चलाता एक background tab हर input में दिखने वाली jitter जोड़ सकता है।
• Extensions: page events सुनने वाला हर extension dispatch में काम जोड़ता है। Grammar checkers और coupon injectors बार-बार के अपराधी हैं।
• Event coalescing: browsers high-frequency pointer move events को batch करके groups में deliver करते हैं। कागज़ पर smoothness के लिए बढ़िया; इसका मतलब है कि आपका aim data गाठों में आता है।

इसीलिए keyboard input भी browser में spongy लग सकता है, जबकि वही keyboard native app में instant होती है — यह pattern हमने क्या मेरा keyboard lag कर रहा है और गहरी keyboard latency breakdown में खोला है।

Fixes जो सच में काम करते हैं

असर के मोटे क्रम में:

• Hardware acceleration चालू करें। Chrome/Edge में: Settings → System → 'Use graphics acceleration when available'। Compositing को GPU पर offload करना कई milliseconds का फायदा देता है और ज़्यादातर frame pacing की अजीबोगरीब हरकतें खत्म करता है। यह default रूप से चालू होना चाहिए; corporate policies और पुराने driver blocks ही common वजहें हैं कि यह बंद हो।
• Monitor को उसके असली refresh rate पर चलाएँ। हमें मिलने वाली आधी 'laggy browser' रिपोर्टें 60Hz पर अटके 144Hz panels होती हैं। सिर्फ Windows setting नहीं, presented frames verify करें।
• Background tabs बंद करें और extensions disable करें। खासकर वे जो media चलाते हैं या page scripts inject करते हैं। clean browser profile से टेस्ट करें — अगर p95 धड़ाम से गिरे, तो कोई extension आपके inputs खा रहा था।
• Fullscreen जाएँ। ज़्यादातर browsers में fullscreen windows को ज़्यादा direct compositing path मिलता है, जिससे कुछ milliseconds बचते हैं और desktop window manager का overhead हटता है।
• Bluetooth की जगह wired peripherals चुनें। Bluetooth बाकी सब के ऊपर करीब 10-20ms और कभी-कभी retransmission stalls जोड़ता है। 2.4GHz dongles और सादा USB नाटकीय रूप से ज़्यादा tight हैं।
• जहाँ game offer करे वहाँ pointer lock इस्तेमाल करें। Pointer lock browser games को raw-जैसे mouse deltas देता है, movement के लिए cursor hit-testing bypass कर देता है।

इन्हें एक-एक करके लगाएँ और हर बदलाव के बाद latency test दोबारा चलाएँ। अपना p95 25ms से 6ms पर गिरता देखना किसी भी settings guide से ज़्यादा convincing है।

Vsync और frame pacing, एक paragraph में

Browser rendering vsynced होती है: frames आपकी display की refresh के lockstep में present होते हैं। यह अच्छा है — tearing रोकता है — लेकिन इसका मतलब है कि आपका game सिर्फ frame boundaries पर update हो सकता है, और deadline miss करने वाला हर frame एक पूरे extra frame का इंतज़ार करता है। 60Hz पर एक missed deadline की कीमत 16.7ms है; 240Hz पर वही miss 4.2ms की है। Uneven frame pacing ही वजह है कि browser game '60 FPS' रिपोर्ट करके भी stuttery लग सकता है: frames सब मौजूद हैं, बस uneven समय पर पहुँच रहे हैं। High refresh rate सबसे सस्ता इलाज है, क्योंकि यह हर संभावित गलती का size छोटा कर देता है।

जब browser दोषी न हो

अगर आपने ऊपर का सब कर लिया और games फिर भी ठीक नहीं लगते, तो bottleneck chain में कहीं और है। Usual non-browser suspects: monitor की जगह TV (game mode बंद होने पर 30-80ms तक जुड़ सकते हैं), Bluetooth keyboard या mouse, 60Hz पर अटका monitor, किसी दूसरे app का भारी system load, या — online games में — सादी network latency, जो वही costume पहने एक अलग समस्या है। 20ms का ping input lag नहीं है, लेकिन आपके हाथ फर्क नहीं बता सकते; हमारा average reaction time लेख बताता है कि 20ms इंसानी perception की कगार पर क्यों है।

input lag checklist के साथ पूरे system पर methodically काम करें: हर stage मापें, एक चीज़ बदलें, फिर मापें। Latency hunting तभी frustrating होती है जब आप अंदाज़े लगाते हैं।

निष्कर्ष

Browser games laggy इसलिए लगते हैं क्योंकि browser click native click से ज़्यादा सफर करता है — hit-testing, JavaScript main thread, vsynced compositor और आखिर में display से होकर। सबसे बड़े wins बोरिंग और मुफ्त हैं: hardware acceleration on, refresh rate सही set, background tabs और extensions बंद, fullscreen on, Bluetooth off। अपने browser की dispatch delay मापें, अपने कब्ज़े वाले stages ठीक करें, और तभी game को दोष दें। ज़्यादातर 'laggy browser games' असल में laggy browser setups होते हैं।