कई सालों तक, मोबाइल ब्राउज़र ने touchend और click के बीच 300 से 350 मि॰से॰ की देरी इसलिए लागू की, क्योंकि वे यह देखने के लिए इंतज़ार कर रहे थे कि इस पर दो बार टैप किया जाएगा या नहीं. ऐसा इसलिए, क्योंकि दो बार टैप करने से टेक्स्ट ज़ूम इन किया जा सकता है.
Android के लिए Chrome की पहली रिलीज़ के बाद से, अगर पिंच-ज़ूम भी बंद किया गया था, तो यह देरी हटा दी गई थी. हालांकि, पिंच ज़ूम एक अहम सुलभता सुविधा है. Chrome 32 (2014 में वापस) से मोबाइल के लिए ऑप्टिमाइज़ की गई साइटों के लिए यह देरी अब खत्म हो गई है, पिंच-ज़ूमिंग हटाए बिना! कुछ ही समय बाद Firefox और IE/Edge ने यही काम किया और मार्च 2016 में ऐसा ही सुधार iOS 9.3 में किया गया.
परफ़ॉर्मेंस में बहुत बड़ा अंतर है!
तुरंत जवाब देने वाला यूज़र इंटरफ़ेस (यूआई) होने का मतलब है कि उपयोगकर्ता रुकने और जवाब का इंतज़ार करने के बजाय, हर बटन को भरोसे के साथ तेज़ी से दबा सकता है. आरएआईएल की जानकारी पेज पर, लोगों के प्रतिक्रिया देने के समय और वेब परफ़ॉर्मेंस पर पड़ने वाले असर के बारे में ज़्यादा जानें.
300-350 मिलीसेकंड के टैप की देरी को हटाने के लिए, आपको अपने पेज के <head> में इन चीज़ों की ज़रूरत होगी:
<meta name="viewport" content="width=device-width">
यह व्यूपोर्ट की चौड़ाई को डिवाइस के बराबर सेट करता है और आम तौर पर मोबाइल के लिए सही साइटों के लिए सबसे सही तरीका है. इस टैग को इस्तेमाल करने पर, ब्राउज़र यह मान लेते हैं कि आपने टेक्स्ट को मोबाइल पर पढ़ने लायक बना दिया है. साथ ही, ज़्यादा तेज़ क्लिक को ध्यान में रखते हुए दो बार टैप करने के लिए ज़ूम करने की सुविधा को छोड़ दिया गया है.
अगर किसी वजह से यह बदलाव नहीं किया जा सकता, तो पूरे पेज पर या किसी खास एलिमेंट पर यही असर डालने के लिए, touch-action: manipulation का इस्तेमाल करें:
html {
touch-action: manipulation;
}
यह तकनीक Safari में काम नहीं करती, इसलिए व्यूपोर्ट टैग का ज़्यादा इस्तेमाल किया जाता है.
क्या ज़ूम करने के लिए दो बार टैप करने की सुविधा को सुलभता की चिंता का हिस्सा बना दिया गया है?
नहीं. पिंच ज़ूम सुविधा काम करती रहेगी. साथ ही, ओएस की सुविधाएं उन लोगों के लिए है जिन्हें इस जेस्चर (हाव-भाव) को इस्तेमाल करने में दिक्कत होती है. Android पर, ज़ूम करने की सुविधा से यह समस्या ठीक हो जाती है. इस तरह के टूल ब्राउज़र के बाहर भी काम करते हैं.
पुराने ब्राउज़र पर क्या असर पड़ता है?
FastClick by FT Labs तेज़ी से क्लिक ट्रिगर करने के लिए टच इवेंट का इस्तेमाल करता है और डबल-टैप जेस्चर को हटा देता है. स्क्रोल और टैप के बीच का फ़र्क़ पता लगाने के लिए, यह दिखता है कि आपकी उंगली से touchstart से touchend के बीच कितना उतार-चढ़ाव हुआ.
हर चीज़ में touchstart लिसनर जोड़ने से परफ़ॉर्मेंस पर असर पड़ता है. इसकी वजह यह है कि स्क्रोलिंग जैसे निचले लेवल के इंटरैक्शन को देर से होता है. इससे, लिसनर को कॉल करके पता चलता है कि यह event.preventDefault() सही है या नहीं. अच्छी बात यह है कि फ़ास्टक्लिक ऐसे मामलों में लिसनर सेट करने से बचेगा जहां ब्राउज़र पहले ही 300 मि॰से॰ की देरी हटा देता है, इस तरह आपको दोनों का बेहतरीन अनुभव मिलता है!