প্রকাশিত: ফেব্রুয়ারি 10, 2025
একটি আধুনিক ওয়েব বৈশিষ্ট্য বাস্তবায়নে কখনও বিলম্ব করেছেন কারণ আপনি নিশ্চিত ছিলেন না যে আপনার ব্যবহারকারীদের ব্রাউজার এটি সমর্থন করবে কিনা? অথবা প্রয়োজনের চেয়ে বেশি সময় ধরে ভারী পলিফিল রাখা? তুমি একা নও। যদিও বেসলাইন আমাদের গ্লোবাল ব্রাউজার সমর্থন সম্পর্কে স্পষ্ট সংকেত দেয়, সেখানে একটি অনুপস্থিত অংশ রয়েছে: আপনার ব্যবহারকারীরা আসলে কী সমর্থন করে তা জানা।
RUMvision টিম তাদের আসল ব্যবহারকারী পর্যবেক্ষণ (RUM) ডেটার সাথে বেসলাইন ডেটা একত্রিত করে এটি সমাধান করেছে এবং ফলাফলগুলি খুব আকর্ষণীয়। দলগুলি দেখতে পেয়েছে যে তারা পরিকল্পনার চেয়ে কয়েক মাস আগে আধুনিক বৈশিষ্ট্যগুলি গ্রহণ করতে পারে এবং কেউ কেউ আবিষ্কার করেছে যে তারা পলিফিলগুলি বজায় রাখছে যা তাদের 97% ব্যবহারকারীর প্রয়োজনও ছিল না। অন্যরা আবিষ্কার করেছেন যে নতুন বৈশিষ্ট্যগুলি বাস্তবায়ন স্থগিত করা বুদ্ধিমানের কাজ কারণ তাদের দর্শকরা এখনও প্রস্তুত ছিল না।

বেসলাইন এবং ব্রাউজার সমর্থন কিভাবে কাজ করে
একটি ওয়েব বৈশিষ্ট্যের জন্য সমর্থন ব্রাউজার সংস্করণের সাথে আবদ্ধ: যখন ব্রাউজার একটি বৈশিষ্ট্য প্রকাশ করে, ব্যবহারকারীরা তাদের ব্রাউজার আপডেট করার মাধ্যমে এটি পান। বেসলাইন ট্র্যাক করে যখন সমস্ত প্রধান ব্রাউজার (Chrome, Edge, Firefox, এবং Safari) একটি বৈশিষ্ট্য প্রেরণ করে, এটিকে একটি নীল ব্যাজ দিয়ে চিহ্নিত করে এবং "নতুন উপলব্ধ" এ সেট করে। 30 মাস পরে, এই স্ট্যাটাসটি "বিস্তৃতভাবে উপলব্ধ" তে আপডেট হয়।
কিন্তু আপনার ব্যবহারকারীদের আপডেট প্যাটার্ন বিশ্বব্যাপী গড় থেকে খুব আলাদা দেখতে পারে। আপনার ব্যবহারকারীদের প্রকৃত ব্রাউজার সংস্করণগুলি ট্র্যাক করে, RUMvision দেখাতে পারে আপনার দর্শকদের কত শতাংশ প্রতিটি বৈশিষ্ট্য সমর্থন করে৷ এটি আপনার নির্দিষ্ট পরিস্থিতির জন্য একটি সাধারণ সূচক থেকে বেসলাইনকে একটি ব্যবহারিক টুলে পরিণত করে।
ওয়েব জুড়ে ব্রাউজার গ্রহণ
বিভিন্ন মার্কেট জুড়ে লক্ষ লক্ষ পেজভিউ দেখে (ডিসেম্বর 2024), RUMvision ব্যবহারকারীরা ব্রাউজার আপডেটগুলি কীভাবে পান তার স্পষ্ট নিদর্শন আবিষ্কার করেছে:
- ক্রোম, এজ এবং ফায়ারফক্স আপডেটগুলি দ্রুত গৃহীত হয়, তারা প্রায়ই প্রায় তিন মাসের মধ্যে 95% সমর্থনে পৌঁছায়।
- অপারেটিং সিস্টেম আপডেটের সাথে সংযুক্ত থাকায় Safari-এর একই স্তরে পৌঁছতে প্রায় 19 মাস সময় লাগে
- ক্রোমের নিজস্ব কৌতুক আছে—এটি দ্রুত 95-98% এ পৌঁছায় কিন্তু তারপর ধীর হয়ে যায়, 99% এ পৌঁছাতে 23 মাস পর্যন্ত সময় লাগে।
যদিও বেসলাইন শত শত বৈশিষ্ট্য ট্র্যাক করে, আপনি সম্ভবত আপনি ব্যবহার করতে চান এমন নির্দিষ্টগুলির উপর ফোকাস করছেন৷ যে কোনো বৈশিষ্ট্যের জন্য অপেক্ষার সময় নির্ভর করে কোন ব্রাউজারটি শেষবার এটি সমর্থন করেছে তার উপর।
বেসলাইনে পৌঁছানোর জন্য যদি ক্রোমই শেষ ব্রাউজার হয়ে থাকে এবং আপনার শ্রোতারা বেশিরভাগই ক্রোম ব্যবহার করেন, তাহলে সম্ভবত কয়েক মাসের মধ্যেই এটি পেয়ে যাবেন। কিন্তু সাফারি যদি সমর্থন যোগ করার জন্য সর্বশেষ হয়, এমনকি প্রত্যেকটি ব্রাউজার বছর আগে প্রস্তুত থাকলেও, আপনি আপনার সাফারি ব্যবহারকারীদের প্রয়োজনীয় অপারেটিং সিস্টেম আপডেট পাওয়ার জন্য 19 মাস অপেক্ষা করতে পারেন।
বাস্তব জগত প্রত্যেকের জন্য ভিন্ন দেখায়
আমাদের ডেটা দেখায় যে কীভাবে সমর্থন বিভিন্ন সাইট জুড়ে যথেষ্ট পরিবর্তিত হয় (ডিসেম্বর 2024):
- একটি ডাচ হোম পণ্য খুচরা বিক্রেতা:
- বেসলাইন 2024 বৈশিষ্ট্য: 34% সমর্থন
- বেসলাইন 2023 বৈশিষ্ট্য: 76% সমর্থন
- ব্যাপকভাবে উপলব্ধ বৈশিষ্ট্য: 95% সমর্থন
- একটি মার্কিন ভিত্তিক প্রযুক্তি ব্লগ:
- বেসলাইন 2024 বৈশিষ্ট্য: 59% সমর্থন
- বেসলাইন 2023 বৈশিষ্ট্য: 89% সমর্থন
- ব্যাপকভাবে উপলব্ধ বৈশিষ্ট্য: 100% সমর্থন
- একটি মধ্যপ্রাচ্য রিয়েল এস্টেট সাইট:
- বেসলাইন 2024 বৈশিষ্ট্য: 39% সমর্থন
- বেসলাইন 2023 বৈশিষ্ট্য: 74% সমর্থন
- ব্যাপকভাবে উপলব্ধ বৈশিষ্ট্য: 95% সমর্থন
আপনার দর্শক কারা এবং তারা কীভাবে ব্রাউজ করে তার কারণে এই পার্থক্যগুলি ঘটে:
- প্রযুক্তি-বুদ্ধিমান ব্যবহারকারীরা দ্রুত আপডেট করার প্রবণতা রাখে, যখন সাধারণ শ্রোতারা প্রায়শই আগের সংস্করণে থাকে।
- বিভিন্ন বয়সের গোষ্ঠী এবং দর্শকদের বিভিন্ন ব্রাউজিং অভ্যাস এবং ডিভাইস রয়েছে।
- মোবাইল এবং ডেস্কটপ ব্যবহারকারীরা কীভাবে আপনার সাইট অ্যাক্সেস করে তার মধ্যে তারতম্য হয়।
- কিছু অঞ্চল iOS পছন্দ করে, অন্যগুলি Android পছন্দ করে, বৈশিষ্ট্যগুলি উপলব্ধ হলে প্রভাবিত করে৷
এই কারণেই একই বৈশিষ্ট্যটি কয়েক মাসের মধ্যে প্রযুক্তি ব্লগে নিরাপদে ব্যবহারযোগ্য হতে পারে তবে অন্য বছরের জন্য একটি ই-কমার্স সাইটে ফলব্যাক প্রয়োজন।
RUMvision এ বেসলাইন একীভূত করা
RUMvision টিম নিশ্চিত করতে চেয়েছিল যে ইন্টিগ্রেশনটি ডেভেলপারদের প্রত্যাশার সাথে মিলেছে, এবং তারা কীভাবে এই তথ্যটি উপস্থাপিত দেখতে আশা করে।
তারা দুটি দৃষ্টিকোণ থেকে এটির কাছে এসেছিল:
- নিজেদের ডেভেলপার হিসেবে যাদের এই তথ্য জানা দরকার।
- বৃহত্তর উন্নয়ন সম্প্রদায়ের জন্য নির্মাতাদের বিল্ডিং হিসাবে.
অনেক ডেভেলপারের মতো, টিম নিয়মিতভাবে আমি কি ব্যবহার করতে পারি এবং MDN সাপোর্ট টেবিলের মতো টুল ব্যবহার করে, তাই তারা এমনভাবে তথ্য উপস্থাপন করার জন্য ইন্টিগ্রেশনকে উপযোগী করেছে যা সমস্ত RUMvision ব্যবহারকারীদের চাহিদা পূরণ করার সময় তাদের নিজস্ব কর্মপ্রবাহকে উন্নত করবে।
একাধিক তথ্য উত্স সমন্বয়
প্রক্রিয়াটি স্বয়ংক্রিয়ভাবে নতুন প্রকাশিত ওয়েব-বৈশিষ্ট্যের ডেটা আমদানির মাধ্যমে শুরু হয়। এই বৈশিষ্ট্যগুলি তারপর RUMvision ব্যবহারকারীদের জন্য একটি অনুসন্ধানযোগ্য এবং ফিল্টারযোগ্য তালিকায় উন্মুক্ত করা হয়।
যখন একটি ওয়েব-বৈশিষ্ট্য ক্লিক করা হয়, একটি মডেল খোলা হয় বিশদ বেসলাইন তথ্য এবং ব্রাউজার সমর্থন টাইমলাইন প্রদর্শন করে। এই দৃশ্যটি অতিরিক্ত অন্তর্দৃষ্টির সাথে সম্পূরক:
- সম্পদ : MDN এর লিঙ্ক, আমি কি ব্যবহার করতে পারি, W3C পৃষ্ঠা, ব্রাউজার রিলিজ তথ্য, ক্রোম স্ট্যাটাস এবং web.dev নিবন্ধ।
- বেসলাইন গ্রহণের সময়রেখা : প্রতিটি ব্রাউজার কখন একটি বৈশিষ্ট্যের জন্য সমর্থন প্রয়োগ করে তা দেখায়।
- MDN সমর্থন টেবিল : ব্রাউজার-কম্প্যাট-ডেটা থেকে ডেটা MDN-এর স্ট্যান্ডার্ড সাপোর্ট টেবিলের মতো বিস্তারিত তথ্য প্রদর্শন করে।
- পরিচিত বাগ : উপলব্ধ সম্পদের পরিপূরক করতে একই ডেটাসেট থেকে বের করা হয়েছে।
- এআই সহায়তা : প্রধান ব্রাউজার জুড়ে সমর্থন পরিসংখ্যান ব্যাখ্যা করতে সহায়তা করে।

আধুনিক বৈশিষ্ট্যের সর্বাধিক করা
ব্যবহারকারীর ডেটার সাথে বেসলাইন একত্রিত করার আসল শক্তি হল আধুনিক ওয়েব বৈশিষ্ট্যগুলির সাথে এগিয়ে যাওয়া। প্রতিটি বৈশিষ্ট্যের জন্য, আপনি আপনার শ্রোতাদের গ্রহণের মাত্রা দেখতে পাবেন এবং সময়ের সাথে তারা কীভাবে পরিবর্তিত হয় তা ট্র্যাক করতে পারেন। এর অর্থ হল সঠিক মুহুর্তে নেটিভ ব্রাউজার ক্ষমতা সহ জটিল জাভাস্ক্রিপ্ট সমাধান প্রতিস্থাপন করা। উদাহরণস্বরূপ, আপনি এখান থেকে সরাতে পারেন:
- জাভাস্ক্রিপ্ট-ভিত্তিক প্রতিক্রিয়াশীল উপাদান কন্টেইনার প্রশ্নে।
- জাভাস্ক্রিপ্ট অলস লোডিং লাইব্রেরিগুলি IntersectionObserver API থেকে নেটিভ অলস লোডিং এর উপর নির্ভর করে।
- পপওভার এপিআই- এ বেকড (উদাহরণস্বরূপ, বুটস্ট্র্যাপ) মডেল সহ ফ্রেমওয়ার্ক।
"ব্যাপকভাবে উপলব্ধ" স্থিতির জন্য 30 মাস অপেক্ষা করার পরিবর্তে, আপনি প্রকৃত ব্যবহারের ডেটার উপর ভিত্তি করে জ্ঞাত সিদ্ধান্ত নিতে পারেন। আপনি ঠিক কখন নতুন বৈশিষ্ট্য পাঠাতে হবে এবং কীভাবে সেগুলি কার্যকরভাবে প্রয়োগ করতে হবে তা জানতে পারবেন।
বাস্তব উদাহরণ, বাস্তব প্রভাব
একটি কাজের উদাহরণের জন্য, এমন একটি বৈশিষ্ট্য দেখুন যা সম্প্রতি বেসলাইনে পৌঁছেছে, CSS content-visibility
বৈশিষ্ট্য :
- কিছু সাইটের 99% সমর্থন ছিল, অবিলম্বে বাস্তবায়নের জন্য প্রস্তুত।
- অন্যরা 82-89% সমর্থন দেখিয়েছে, ফলব্যাকের প্রয়োজনের পরামর্শ দিয়েছে।
- পুরানো ব্রাউজারে এখনও কয়েকটি চিহ্নিত নির্দিষ্ট ব্যবহারকারীর অংশ।

content-visibility
টাইমলাইন।ডেটা আরও দেখায় যে ফেব্রুয়ারি 2024 থেকে সেপ্টেম্বর 2024 পর্যন্ত, উভয়ের জন্য সাফারিতে সমর্থন প্রায় 20% থেকে যায়, যা সেপ্টেম্বর 2024 থেকে শুরু হওয়া IOS 18 এর সাথে সম্পর্কযুক্ত, এই বৈশিষ্ট্যটি শিপিং করে।
তাদের নিজস্ব "বিস্তৃতভাবে উপলব্ধ" বেসলাইনের সাথে গ্রাহকের সাফল্য
আপনার নিজস্ব RUM তথ্য থেকে অন্তর্দৃষ্টি ব্যবহার করে, আপনি আপনার নিজস্ব বেসলাইন তৈরি করতে পারেন, যার মধ্যে চারটি স্ট্যাটাসে আপনার নিজের সাইটের জন্য উপলব্ধ বৈশিষ্ট্যগুলি এবং সেগুলি ফিল্টার করার ক্ষমতা অন্তর্ভুক্ত রয়েছে:
- জাহাজের জন্য প্রস্তুত (যখন আপনার দর্শকদের অন্তত 98% দ্বারা সমর্থিত)।
- ভালো লাগছে (95% থেকে 98% এর মধ্যে সমর্থন কভারেজ)।
- সতর্কতা (75% এবং 95% এর মধ্যে কভারেজ)।
- সাবধানতার সাথে এগিয়ে যান (75% এর কম কভারেজ)।
প্রতি ওয়েব বৈশিষ্ট্যের বেসলাইন তথ্যের সাথে তাদের RUM ডেটা একত্রিত করে, ব্যবহারকারীরা ইতিমধ্যে সাফল্যের গল্প দেখেছেন। Informatiebord.nl 30KB জাভাস্ক্রিপ্ট পলিফিলগুলি সরিয়ে ফেলেছে এবং আবিষ্কার করেছে যে তাদের 97% ব্যবহারকারী ইতিমধ্যেই স্থানীয় বৈশিষ্ট্যগুলি সমর্থিত। তাদের বিকাশকারী কেভিন মেইজার বলেছেন:
"বেসলাইনের মাধ্যমে, আমরা কৌশলগতভাবে সিদ্ধান্ত নিতে পারি: আমরা কি আমাদের 97% দর্শকদের পারফরম্যান্সের সাথে আপোস না করে একটি নিখুঁত ব্যবহারকারীর অভিজ্ঞতা প্রদানের দিকে মনোনিবেশ করব, নাকি বাকি 3%কে সামঞ্জস্য করার জন্য আমরা উদ্ভাবনের গতি কমিয়ে দেব? আমরা সচেতনভাবে প্রথম বিকল্পটি বেছে নিই, কারণ সেই 3% এর জন্য অতিরিক্ত প্রচেষ্টা নেতিবাচকভাবে সংখ্যাগরিষ্ঠদের অভিজ্ঞতাকে প্রভাবিত করবে।"

ওয়েবে অবদান
প্রকৃত ব্যবহারকারীর অন্তর্দৃষ্টির সাথে মিলিত বেসলাইন ডেটা আমাদের সকলকে বৈশিষ্ট্য সমর্থন সম্পর্কে আরও ভাল সিদ্ধান্ত নিতে সাহায্য করে। কখন লিগ্যাসি কোড বাদ দিতে হবে, কখন নতুন বৈশিষ্ট্যগুলি গ্রহণ করতে হবে—এই পছন্দগুলি আরও পরিষ্কার হয়ে যায় যখন আপনি জানেন যে আপনার ব্যবহারকারীরা আসলে কী সমর্থন করে।
RUMvision ওয়েবডিএক্স কমিউনিটি গ্রুপের সাথে ব্রাউজার গ্রহণের ধরণ সম্পর্কে ফলাফলগুলি ভাগ করে নিচ্ছে, কীভাবে বৈশিষ্ট্যগুলি "নতুন উপলব্ধ" থেকে "বিস্তৃতভাবে উপলব্ধ" স্থিতিতে স্থানান্তরিত করতে সহায়তা করে।