রেসপন্সিভ ওয়েবসাইট কীভাবে সংজ্ঞায়িত করবেন? ন্যূনতম হিসেবে, এটিকে যেকোনো ব্রাউজার, ডিভাইস অথবা অপারেটিং সিস্টেমে সঠিকভাবে প্রদর্শন করা উচিত। তাই এটিকে এন্ড ইউজারদের বিবিধ অভ্যাস বিবেচনা করতে হবে πλαটফর্ম, ব্রাউজার এবং স্ক্রিন রেজোলিউশনের বিশাল পরিসরে। যেকোনো ত্রুটি সমাধান করার জন্য কোম্পানিগুলো হাজার হাজার রিয়েল এবং ভার্চুয়াল ডিভাইসে তাদের ওয়েবসাইট টেস্ট করে। কিন্তু আপনার যদি 그만큼 বাজেট না থাকে, তবে আপনার প্রয়োজন হবে যাকে বলা হয় "একটি ক্রস-ব্রাউজার টেস্টিং সমাধান"।
কম্প্যারিয়াম (Comparium) নিজেকে একটি অটোমেটেড ভিজুয়াল টেস্টিং সার্ভিস হিসেবে ব্র্যান্ড করে যা "সাইট সংস্করণের সবচেয়ে অগোচর পার্থক্যগুলো দেখাবে"। এটি এলেকট্রনিক টিম, ইনকর্পোরেটেড (Electronic Team, Inc.)-এর অংশ যা ভার্জিনিয়া, অ্যালেকজান্ড্রিয়ায় অবস্থিত। কম্প্যারিয়ামের এই রিভিউতে, আমরা এর সবচেয়ে গুরুত্বপূর্ণ ফিচার এবং উপলব্ধ কাস্টোমাইজেশনগুলো পরীক্ষা করব।
নোট: এটি একটি স্পনসরড আর্টিকেল এবং কম্প্যারিয়াম অফ এলেকট্রনিক টিম, ইনকর্পোরেটেড দ্বারা সম্ভব হয়েছে। 본래 nội dung এবং মতামতগুলি লেখকের একমাত্র মতামত যিনি সম্পাদকীয় স্বাধীনতা বজায় রাখেন, এমনকি পোস্টটি স্পনসরড হলো।
অ্যাকাউন্ট এবং ওয়েব অ্যাপের বিবরণ
ওয়েবসাইট থেকে আপনি অ্যাকাউন্ট তৈরি করতে পারেন এবং সরাসরি লগইন করতে পারেন। আপনি গুগল অ্যাকাউন্ট দিয়েও সাইন-ইন করতে পারেন।
লগইন করার পর, একটি সরল ইন্টারফেস আপনাকে স্বাগত জানাবে। আপনাকে শুধু URL ঠিকানা সার্চ বক্সে ইনসার্ট করতে হবে এবং ব্রাউজার, অপারেটিং সিস্টেম এবং স্ক্রিন রেজোলিউশনের প্রয়োজনীয় কম্বিনেশন সিলেক্ট করতে হবে। দুটি ধরণের ইউজার অ্যাকাউন্ট রয়েছে: গেস্ট (Guest) এবং প্রো (Pro)। প্রতিটিই আপনার রিভিউর জন্য আনলিমিটেড স্ক্রিনশট সমর্থন করে।
কম্প্যারিয়াম ব্যবহার করে আপনার ওয়েবসাইট ক্রস-টেস্ট করার পদ্ধতি
সার্চ বারে একটি ওয়েবসাইট এন্টার করলে, আপনি প্রাথমিকভাবে সিলেকশনগুলো সকলের জন্য প্রিভিউর একটি তালিকা পাবেন। আপনি লিনাক্স (Linux), উইন্ডোজ ৭, macOS, এবং macOS ডার্ক মোডের জন্য ৫০০ পিক্সেল থেকে ১৯২০ পিক্সেল (ফুল HD) পর্যন্ত যেকোনো স্ক্রিন রেজোলিউশন বidencia সিলেক্ট করতে পারেন। বর্তমানে কম্প্যারিয়াম ক্রোম (Chrome), ফায়ারফক্স (Firefox), ইন্টারনেট এক্সপ্লোরার (Internet Explorer), সাফারি (Safari), এবং অপেরা (Opera) ব্রাউজারগুলো সমর্থন করে।
বিস্তারিত তুলনার জন্য, সহজে দুই বা অধিক স্ক্রিন সিলেক্ট করুন এবং ডান পাশে "Compare"-এ ক্লিক করুন। এখানে আমরা উইন্ডোজ ক্রোম ভার্সন ৮০.০ কে উইন্ডোজ ফায়ারফক্স ভার্সন ৬৮.০ এর সাথে তুলনা করছি।
সাইড-বাই-সাইড (side-by-side) তুলনা ডিফল্টভাবে ফুল স্ক্রিনে খোলা হয়। সিঙ্ক্রোনাইজড স্ক্রোল (synchronized scroll) অপশন ব্যবহার করে, আপনি একাধিক ব্রাউজার এবং ভিন্ন অপারেটিং সিস্টেম জুড়ে ওয়েবসাইটের রেন্ডারিং রিভিউ করতে পারেন। আপনি উচ্চতা, প্রস্থ এবং আকার অনুযায়ী স্কেল টু ফিট (scale to fit) করতে পারেন।
কম্প্যারিয়ামের একই ইন্টারফেসের ভিতরে প্যারালেল-স্ক্রিন তৈরি করার বিল্ট-ইন সাপোর্ট রয়েছে, যা ওয়েবসাইটের একটি বर्ड'স-আই-ভিউ (bird's eye view) দেয়। "চার" তুলনা মোড রয়েছে: "সাইড বাই সাইড" (side by side), "ওভারলে" (overlay), "স্লাইডার" (slider), এবং "ফাইন্ড ডিফারেন্সেস" (find differences)। শেষটাটি খুব চমৎকার, কারণ এটি অগোচর ত্রুটিগুলোতে স্বয়ংক্রিয়ভাবে ফোকাস করতে সাহায্য করে।
"ফাইন্ড ডিফারেন্স" (Find Difference) মোড আপনাকে উভয় প্ল্যাটফর্মে মেনু আইকন এবং ফন্ট সিলেকশনের প্লেসমেন্ট জানিয়ে দেয়। যদি খুব বেশি বিচ্যুতি থাকে, তবে আপনাকে ডিজাইন কোড পরিবর্তন করে পার্থক্যগুলো সমাধান করতে হবে।
উপকথায়, "ওভারলে" (overlay) মোড দুটি কনফিগারেশন একে অপরের ওপর বসিয়ে দিয়ে যেকোনো উল্লেখযোগ্য বিচ্যুতি ভিজুয়ালি প্রদর্শন করে।
সংক্ষেপে, কম্প্যারিয়ামের এই পরিশীলিত স্ক্রিনশট তুলনা ফিচারের মাধ্যমে, আপনি সহজে ভিন্ন অপারেটিং সিস্টেম এবং রেজোলিউশন তুলনা করতে পারেন। বিশ্লেষণ শেষ হলে, আপনি মেইন উইন্ডো থেকে সব স্ক্রিন ডিলিট করতে পারেন।
অন্যান্য ফিচার এবং সুবিধা
ওয়েব ডেভেলপারদের জন্য কম্প্যারিয়ামের মূল সুবিধাগুলো হলো ভিজুয়াল ভ্যালিডেশনে বড় নির্ভুলতা এবং মোবাইল ভার্সন সাপোর্ট, কারণ আপনি ডিভাইস সাইজ ৫০০ পিক্সেল রেঞ্জ পর্যন্ত স্কেল করতে পারেন। এতে অফলাইন রিপোর্ট রয়েছে যেন কোনো অটোমেটেড ইনকম্প্যাটিবিলিটি শনাক্ত করা যায় এবং লিনাক্সের জন্য বিভিন্ন ব্রাউজারে একটি গুরুত্বপূর্ণ "লাইভ টেস্টিং" (Live testing) ফিচার রয়েছে। উইন্ডোজ ৭ এবং macOS ক্যাটালিনা (Catalina) সাপোর্ট লাইভ টেস্টিং-এর জন্য শীঘ্রই রোল আউট করা হবে।
লাইভ টেস্টিং মোড আপনাকে ওয়েবসাইট পরিবর্তনগুলোর রেসপন্সিভনেসের রিয়েল-টাইম অ্যানালিসিস পেতে সাহায্য করে। যেখানে আগের ভিজুয়াল ইন্সপেকশন তুলনা টুলগুলো আপনাকে ojo 띄는 ত্রুটিগুলোর পরিপ্রেক্ষিত দেয়, লাইভ টেস্টিং ফিচারটি ওয়েবসাইটকে একটি রিয়েল এনভায়রনমেন্টে টেস্ট করে, যা এটিকে লঞ্চ-রেডি (launch-ready) করে তোলে।
কম্প্যারিয়ামের একটি সুন্দর রোডম্যাপ রয়েছে যেখানে অনেক নতুন শক্তিশালী ফিচার—যেমন: বাল্ক URL টেস্ট, ইন্টারন্যাল টেস্ট, ভিন্ন আспеクト রেশিওর সাপোর্ট, এবং লো-স্পিড কানেকশন ইনমিটেশন—জোড়া হবে। আপনি বাজারের অন্যান্য ক্রস-ব্রাউজার টেস্টিং টুলের সাথে ফিচার এবং সুবিধা তুলনা করতে পারেন। ওয়েবসাইট ত্রুটি শনাক্তকরণে অটোমেশন ক্ষমতার কারণে কম্প্যারিয়াম খুব ভালো স্কোর করে।
কম্প্যারিয়ামের কিছু ছোট খাটো ডিসঅ্যাডভান্টেজ রয়েছে। বর্তমানে, প্ল্যাটফর্মটি উইন্ডোজ ১০-এ স্ক্রিনশট সাপোর্ট করে না, কিন্তু কাস্টমার টিম আমাদের নিশ্চিত করেছে যে এটা রোডম্যাপে আছে। এছাড়া এটি স্লিমজেট (Slimjet), যান্ডেক্স (Yandex) ইত্যাদি অন্যান্য ব্রাউজার সাপোর্ট করে না। যাইহোক, বর্তমানে সমর্থিত ব্রাউজার লিস্ট বিভিন্ন ডিভাইস এবং অপারেটিং সিস্টেমের জন্য সিমুলেশন করার একটি ভালো অ্যাপ্রক্সিমেশন (approximation) দেয়।
বিলিং এবং প্রাইসিং বিবরণ
আলোচনা করা হয়েছে, কম্প্যারিয়াম একটি ফ্রি "গেস্ট" মোড এবং একটি পেইড "প্রো" মোড $১৫ প্রতি মাসে সাপোর্ট করে। গেস্ট এবং প্রো প্ল্যানের বিস্তারিত তুলনা এই লিংকে পাওয়া যাবে।
ফ্রি গেস্ট অ্যাকাউন্ট আপনাকে শুধু কিছু ব্রাউজারlandse সীমাবদ্ধ করে, যেমন: উইন্ডোজ ৭-এ ফায়ারফক্স ৭৫ এবং ক্রোম ৮১, এবং শুধু ১০২৪ পিক্সেল স্ক্রিন রেজোলিউশনে অ্যাডাপ্ট করে। যাইহোক, লাইভ টেস্টিং মিনিট এবং জেনারেট হওয়া স্ক্রিনশটের সংখ্যায় কোনো সীমাবদ্ধতা নেই, যা চমৎকার। অ্যাপটি আপনাকে লিমিটের ভিতরে যতবার চান টেস্ট করতে দেয়, যতক্ষণ না আপনি প্রো প্ল্যানে মাইগ্রেট করার জন্য কমফরটেবল হন। যেহেতু রোডম্যাপে অনেক আরো আকর্ষণীয় ফিচার রয়েছে, আপনার ওয়েবসাইট সমাধানের সাথে স্কেল আপ করতে পারবে।
আমাদের রায় (Our Verdict)
আজকের যুগে, আপনি এন্ড ইউজার লেভেলে বিবিধ রুচি, স্ক্রিন সাইজ এবং ব্রাউজারকে সম্মান না করেই কোনো ওয়েবসাইট লঞ্চ করতে পারবেন না। কম্প্যারিয়াম একটি প্রতিশ্রুতিবদ্ধ অ্যাপ যা রিয়েল-ওয়ার্ল্ড সিমুলেশনلابল আপনার ওয়েবসাইটের রেসপন্সিভনেস পরিমাপ করতে নিরাশ করে না। পাইপলাইনে আকর্ষণীয় ফিচারগুলির পরিসরের সাথে, আপনি একজন ওয়েব ডেভেলপার হিসেবে একটি শক্তিশালী ক্রস-টেস্টিং টুল হাতে পাবেন।
