InstantClick: वेबसाइट की जवाबदेही में सुधार के लिए पुस्तकालय

जब आप किसी वेब पेज पर किसी लिंक या बटन पर क्लिक करते हैं, तो उस पल में जब तक ईवेंट के खत्म होने तक कर्सर खत्म नहीं हो जाता, तब तक आमतौर पर कई सौ मिली सेकेंड लगते हैं। सबसे पहले, उपयोगकर्ता को यह सुनिश्चित करने की आवश्यकता है कि कर्सर सही जगह पर है - इस प्रक्रिया में सबसे अधिक समय लगता है। दूसरे, माउस बटन जारी करने के बाद ही click इवेंट चालू हो जाता है, और यह क्लिक करने के बाद कुछ दसियों मिलीसेकंड होता है। मोबाइल ब्राउज़र में, टचस्क्रीन को छूने और click घटना के बीच 300 एमएस की देरी सेट की जाती है - यह झूठी सकारात्मकता से बचने के लिए किया जाता है।

इंस्टेंटक्लिक लाइब्रेरी (संपीड़ित रूप में 1.6 केबी, कोई निर्भरता नहीं) आपको इस तथ्य के कारण प्रति क्लिक कथित पेज रिस्पॉन्स टाइम में सुधार करने की अनुमति देता है कि जब कर्सर सक्रिय तत्व से अधिक हो तो आवश्यक जानकारी सर्वर से लोड होने लगती है, जब mouseover इवेंट द्वारा। यह आपको कुछ सौ मिलीसेकंड बचाता है और आवेदन की प्रतिक्रिया लगभग तुरंत हो सकती है।

स्वाभाविक रूप से, क्लाइंट इंटरफ़ेस को तेज करने के लिए आपको झूठी सकारात्मकता के कारण सर्वर पर लोड बढ़ाकर भुगतान करना होगा, जब आप किसी तत्व पर कर्सर पर क्लिक नहीं करते हैं। इसकी संभावना को कम करने के लिए, इंस्टेंटक्लिक आपको ऑपरेशन में थोड़ी देरी सेट करने या इसे जोखिम में डालने की अनुमति नहीं देता है, लेकिन mousedown इवेंट का उपयोग करें। यह उपयोगी हो सकता है जब कई सक्रिय तत्व एक छोटे से क्षेत्र में केंद्रित होते हैं, उदाहरण के लिए, मेनू में। इसके अलावा, आप इंस्टेंट क्लिक को प्रत्येक आइटम के लिए अलग से सक्षम और अक्षम कर सकते हैं।

सामग्री लोड करने के लिए, इंस्टेंटक्लिक AJAX अनुरोध और पुशस्टेट का उपयोग करता है ताकि ब्राउज़र इतिहास और बैक बटन सामान्य रूप से काम करें। यह कहा जा सकता है कि यह लाइब्रेरी jQuery-pjax (या टर्बोलिंक्स ) और फास्टक्लिक के विचारों को जोड़ती है, केवल, फास्टक्लिक के विपरीत, यह मोबाइल के लिए नहीं, बल्कि डेस्कटॉप ब्राउज़रों के लिए है। हालांकि, लेखक एक टचस्क्रीन वाले उपकरणों के लिए touchstart इवेंट के लिए समर्थन को लागू करने का वादा करता है।

आप देख सकते हैं कि हेडर में लिंक पर क्लिक करके लाइब्रेरी प्रोजेक्ट वेबसाइट पर कैसे काम करती है। इसके अलावा, एक अलग पृष्ठ पर, आप mouseover , mousedown बीच समय अंतराल को माप सकते हैं mousedown और जब आप परीक्षण बटन पर क्लिक करते हैं तो घटनाओं को क्लिक कर सकते हैं।