বহু বছর ধরে, মোবাইল ব্রাউজারগুলি touchend এবং click মধ্যে একটি 300-350ms বিলম্ব প্রয়োগ করেছিল যখন তারা এটি একটি ডাবল-ট্যাপ হতে চলেছে কিনা তা দেখার জন্য অপেক্ষা করছিল, যেহেতু ডাবল-ট্যাপ ছিল পাঠ্যে জুম করার একটি অঙ্গভঙ্গি।
Android-এর জন্য Chrome-এর প্রথম প্রকাশের পর থেকে, পিঞ্চ-জুমও অক্ষম থাকলে এই বিলম্বটি সরানো হয়েছিল। যাইহোক, পিঞ্চ জুম একটি গুরুত্বপূর্ণ অ্যাক্সেসিবিলিটি বৈশিষ্ট্য। Chrome 32 অনুসারে (2014 সালে) এই বিলম্বটি মোবাইল-অপ্টিমাইজ করা সাইটগুলির জন্য চলে গেছে , পিঞ্চ-জুমিং অপসারণ না করেই ! Firefox এবং IE/Edge খুব শীঘ্রই পরে একই কাজ করেছিল এবং মার্চ 2016-এ একই রকম একটি ফিক্স আইওএস 9.3 এ অবতরণ করেছিল।
কর্মক্ষমতা পার্থক্য বিশাল!
অবিলম্বে সাড়া দেয় এমন একটি UI থাকা মানে ব্যবহারকারী দ্রুত প্রতিটা বোতামে আস্থার সাথে চাপ দিতে পারে, বিরতি দেওয়া এবং প্রতিক্রিয়ার জন্য অপেক্ষা না করে। আমাদের RAIL-এর ভূমিকায় মানুষের প্রতিক্রিয়ার সময় এবং ওয়েব পারফরম্যান্সের প্রভাব সম্পর্কে আরও জানুন।
300-350ms ট্যাপ বিলম্ব অপসারণ করতে, আপনার পৃষ্ঠার <head> এ আপনার যা দরকার তা হল:
<meta name="viewport" content="width=device-width">
এটি ভিউপোর্টের প্রস্থকে ডিভাইসের মতো সেট করে এবং সাধারণত মোবাইল-অপ্টিমাইজ করা সাইটগুলির জন্য এটি একটি সেরা-অভ্যাস। এই ট্যাগের সাহায্যে, ব্রাউজাররা ধরে নেয় যে আপনি মোবাইলে পাঠ্য পাঠযোগ্য করে তুলেছেন, এবং দ্রুত ক্লিকের পক্ষে ডবল-ট্যাপ-টু-জুম বৈশিষ্ট্যটি বাদ দেওয়া হয়েছে।
যদি কোনো কারণে আপনি এই পরিবর্তনটি করতে না পারেন, আপনি touch-action: manipulation পৃষ্ঠা জুড়ে বা বিশেষ উপাদানগুলিতে একই প্রভাব অর্জন করতে:
html {
touch-action: manipulation;
}
এই কৌশলটি Safari তে সমর্থিত নয় , তাই ভিউপোর্ট ট্যাগটি বেশি পছন্দের৷
ডবল-ট্যাপ-টু-জুম হারানো কি একটি অ্যাক্সেসিবিলিটি উদ্বেগ?
না। পিঞ্চ জুম কাজ চালিয়ে যাচ্ছে, এবং OS বৈশিষ্ট্যগুলি ব্যবহারকারীদের জন্য এই অঙ্গভঙ্গিটি কঠিন বলে মনে করে। অ্যান্ড্রয়েডে, ম্যাগনিফিকেশন অঙ্গভঙ্গি এটির যত্ন নেয়। এই ধরনের টুল ব্রাউজারের বাইরেও কাজ করে।
পুরানো ব্রাউজার সম্পর্কে কি?
FT Labs দ্বারা FastClick দ্রুত ক্লিকগুলিকে ট্রিগার করতে টাচ ইভেন্ট ব্যবহার করে এবং ডবল-ট্যাপ অঙ্গভঙ্গি সরিয়ে দেয়। এটি স্ক্রোল এবং ট্যাপগুলিকে আলাদা করতে touchstart এবং touchend মধ্যে আপনার আঙুলের সরানো পরিমাণ দেখে।
সবকিছুতে touchstart শ্রোতা যোগ করলে কর্মক্ষমতার প্রভাব পড়ে, কারণ নিম্ন-স্তরের মিথস্ক্রিয়া যেমন স্ক্রোলিংয়ে দেরি হয় শ্রোতাকে কল করে দেখতে যে এটি event.preventDefault() সৌভাগ্যবশত, ফাস্টক্লিক এমন ক্ষেত্রে শ্রোতাদের সেট করা এড়াবে যেখানে ব্রাউজার ইতিমধ্যেই 300ms বিলম্ব দূর করে, তাই আপনি উভয়ের সেরাটি পাবেন!