সাইট অডিটের জন্য পারফর্ম্যান্স মেট্রিক সংগ্রহ করার আগে, আপনি বেশ কিছু চেক করতে পারেন যাতে সহজে সমাধান করা যায় এমন সমস্যা এবং ফোকাস করার জায়গাগুলি শনাক্ত করা যায়।
বৈধতা চেক: আর্কিটেকচার ও কোড
পারফর্ম্যান্স পরিমাপ করার আগে সম্ভব হলে সাধারণ বাগ ঠিক করুন এবং অপ্রয়োজনীয় অ্যাসেট ও কোড সরিয়ে দিন — তবে সমস্যা ও সমাধানের আগে-ও-পরে রেকর্ড রাখতে ভুলবেন না। এই উন্নতিগুলি এখনও আপনার অডিট কাজের অংশ হতে পারে।
সাইট আর্কিটেকচার ও অ্যাসেট
কোড রেপো ও সাইট থেকে কি কোনও কিছু সহজে সরানো যায়, যেমন অব্যবহৃত লিগ্যাসি পৃষ্ঠা, কন্টেন্ট বা অন্যান্য অ্যাসেট? অনাথ পৃষ্ঠা, অপ্রয়োজনীয় টেমপ্লেট, অব্যবহৃত ছবি এবং অব্যবহৃত কোড ও লাইব্রেরি চেক করুন।
রানটাইম সমস্যা
ব্রাউজার কনসোলে রিপোর্ট করা সমস্যা চেক করুন। কোনও :) থাকা উচিত নয়।
লিন্টিং
আপনার HTML, CSS বা JavaScript কোডে কি কোনও সমস্যা আছে? আপনার ওয়ার্কফ্লোতে লিন্টিং তৈরি করলে তা কোডের কোয়ালিটি বজায় রাখতে এবং রিগ্রেশন এড়াতে সাহায্য করতে পারে। আমরা
HTMLHint, StyleLint এবং
ESLint সাজেস্ট করি, যেগুলি কোড এডিটর প্লাগ-ইন হিসেবে ব্যবহার করা যেতে পারে অথবা
ওয়ার্কফ্লো প্রসেস এবং Travis-এর মতো কন্টিনিউয়াস ইন্টিগ্রেশন টুলের মধ্যে কমান্ড লাইন থেকে
রান করা যেতে পারে।
কাজ করে না এমন লিঙ্ক ও ছবি
বিল্ড টাইম ও রানটাইমে কাজ করে না এমন লিঙ্ক পরীক্ষা করার জন্য অনেক টুল আছে, যার মধ্যে Chrome এক্সটেনশন
(এটি
ভালো) এবং Node টুল যেমন
কাজ করে না এমন লিঙ্ক চেকার অন্তর্ভুক্ত।
প্লাগ-ইন
Flash এবং Silverlight-এর মতো প্লাগ-ইন নিরাপত্তার ক্ষেত্রে ঝুঁকি হতে পারে, তাই এগুলির জন্য সহায়তা
বন্ধ করে দেওয়া হয়েছে,
এবং এগুলি মোবাইলে কাজ করে না। প্লাগ-ইন চেক করতে Lighthouse
ব্যবহার করুন।
বিভিন্ন ডিভাইস ও প্রসঙ্গে পরীক্ষা করা
আসল ডিভাইস, একাধিক ব্রাউজার এবং বিভিন্ন কানেক্টিভিটি প্রসঙ্গে আসল লোকজনকে দিয়ে আপনার সাইট পরীক্ষা করানোর থেকে ভালো আর কিছু হয় না।
এইসব চেকের মধ্যে কিছু তুলনামূলকভাবে সাবজেক্টিভ, তবে সেগুলি এমন সমস্যা শনাক্ত করতে পারে যা পারফর্ম্যান্সের উপর প্রভাব ফেলে। যেমন, বিচ্ছিন্ন লিঙ্ক সময় নষ্ট করে এবং 'কাজ করছে না' বলে মনে হয়। অস্পষ্ট টেক্সট পড়তে দেরি হয়।
ক্রস-ডিভাইস টেস্টিং
বিভিন্ন ভিউপোর্ট ও উইন্ডো সাইজ ব্যবহার করে দেখুন। অন্তত একটি মোবাইল এবং
একটি ডেস্কটপ ডিভাইস ব্যবহার করুন। সম্ভব হলে, কম স্পেসিফিকেশন ও ছোট স্ক্রিন সাইজের মোবাইল ডিভাইসে আপনার সাইট ব্যবহার করে দেখুন। টেক্সটটি
কি পড়া যাচ্ছে? কোনও ছবি কি ভেঙে গেছে? আপনি কি জুম করতে পারবেন? টাচ টার্গেট কি যথেষ্ট বড়? এটি কি স্লো?
কোনও ফিচার কি কাজ করছে না? ফলাফলের স্ক্রিনশট নিন বা ভিডিও করুন।
ক্রস-প্ল্যাটফর্ম টেস্টিং
আপনি কোন প্ল্যাটফর্মকে টার্গেট করেন? আপনার ব্যবহারকারীরা এখন এবং ভবিষ্যতে যে ব্রাউজার এবং
অপারেটিং সিস্টেম ব্যবহার করেন, আপনাকে সেগুলি পরীক্ষা করতে হবে।
কানেক্টিভিটি
একাধিক টার্গেট নেটওয়ার্কের
ধরনের উপর টেস্ট করা: কানেক্ট করা, ওয়াই-ফাই এবং
সেলুলার। আপনি ব্রাউজার টুল ব্যবহার করে বিভিন্ন নেটওয়ার্ক পরিস্থিতি
অনুকরণ করতে পারেন।
ডিভাইস
আপনার ব্যবহারকারীরা যে ডিভাইস ব্যবহার করেন, সেই ডিভাইসেই আপনার সাইট পরীক্ষা করে দেখুন। নিচের
ফটোতে দুটি আলাদা ফোনে একই পৃষ্ঠা দেখানো হয়েছে।
বড় স্ক্রিনে, টেক্সট ছোট হলেও পড়া যায়। ছোট স্ক্রিনে ব্রাউজার লেআউট সঠিকভাবে রেন্ডার করে, কিন্তু টেক্সট পড়া যায় না, এমনকি জুম ইন করলেও। ডিসপ্লেটি অস্পষ্ট এবং এতে একটি 'কালার কাস্ট' রয়েছে — সাদা রঙ সাদা দেখায় না — যার ফলে কন্টেন্ট কম পাঠযোগ্য হয়।
এই ধরনের সহজ ফলাফল, অস্পষ্ট পারফর্ম্যান্স ডেটার চেয়ে অনেক বেশি গুরুত্বপূর্ণ হতে পারে!
UI ও UX ব্যবহার করে দেখুন
অ্যাক্সেসিবিলিটি, ব্যবহারযোগ্যতা ও পঠনযোগ্যতা
আপনার সাইটের কন্টেন্ট ও কার্যকারিতা যাতে সবাই অ্যাক্সেস করতে পারেন তা নিশ্চিত করতে, আপনার ব্যবহারকারীদের বৈচিত্র্য আপনাকে বুঝতে হবে।
Lighthouse এবং অন্যান্য টুল নির্দিষ্ট অ্যাক্সেসিবিলিটি সংক্রান্ত সমস্যা পরীক্ষা করে, তবে বাস্তব-জগতের পরীক্ষার থেকে ভাল কিছু হয় না। বিভিন্ন পরিস্থিতিতে ডেটা পড়া, নেভিগেট করা এবং প্রবেশ করার চেষ্টা করুন: উদাহরণস্বরূপ, বাইরে সূর্যালোক বা ট্রেনে। আপনার বন্ধু, পরিবার এবং সহকর্মীদের আপনার সাইট ব্যবহার করে দেখতে বলুন। Mac-এ VoiceOver
বা Windows-এ
NVDA-এর
মতো স্ক্রিন রিডারের মাধ্যমে কন্টেন্ট ব্যবহার করে দেখুন।
আপনি অ্যাক্সেসিবিলিটি সংক্রান্ত Udacity কোর্স এবং ওয়েবের মূল নীতি সংক্রান্ত নিবন্ধ কীভাবে অ্যাক্সেসিবিলিটি পর্যালোচনা করবেন থেকে অ্যাক্সেসিবিলিটি প্রয়োগ ও পর্যালোচনা করার ব্যাপারে আরও জানতে পারবেন।
আপনার অ্যাক্সেসিবিলিটি অডিটের রেকর্ড রাখুন। আপনি হয়ত এমন কিছু সহজ উন্নতি করতে পারবেন যা আপনার সব ব্যবহারকারীর জন্য ভাল হবে।
UI ও UX সংক্রান্ত মৌলিক সমস্যা
ইন্টার্যাকশন যেভাবে কাজ করা উচিত সেভাবে না করা, ছোট উইন্ডো ও ভিউপোর্টে
উপাদান উপচে পড়া, ট্যাপ করার টার্গেট খুব ছোট হওয়া, কন্টেন্ট পড়া না যাওয়া, স্ক্রল করার সময়
ঝাঁকুনি লাগা… সাইটের একাধিক পৃষ্ঠা খুলুন, নেভিগেশন ও সব মূল কার্যকারিতা ব্যবহার করে দেখুন। রেকর্ড
রাখুন।
ছবি, অডিও ও ভিডিও
ওভারফ্লো হওয়া কন্টেন্ট, ভুল অ্যাস্পেক্ট রেশিও,
খারাপ ক্রপিং ও কোয়ালিটি সংক্রান্ত সমস্যা আছে কিনা তা পরীক্ষা করুন।
সাবজেক্টিভ UI টেস্ট
এগুলি সব প্রাসঙ্গিক নাও হতে পারে, তবে সহজ পরিবর্তন রিফ্যাক্টরিং আরও সহজ করে তুলতে পারে:
- সাইট খোলার সাথে সাথেই কি 'আমি এখানে কী করতে পারি?' প্রশ্নের উত্তর পাওয়া যায়?
- আপনি কি কন্টেন্ট দেখতে এবং লিঙ্ক ফলো করতে পছন্দ করেন?
- সেখানে কি ভিজ্যুয়াল হায়ারার্কি বা পাথওয়ে আছে — নাকি সবকিছুর ভিজ্যুয়াল ওয়েট একই?
- লেআউট কি বিশৃঙ্খল?
- অনেক বেশি ফন্ট আছে?
- এমন কোনও ছবি বা অন্য কন্টেন্ট আছে যা সরিয়ে দেওয়া যেতে পারে?
- ইন্টারফেস ডিজাইনের মতোই কন্টেন্ট ডিজাইনও গুরুত্বপূর্ণ। আপনার সাইটের টেক্সট ও ছবি কি মোবাইল ও ডেস্কটপের জন্য উপযুক্ত? কিছু কি বাদ দেওয়া যেতে পারে? মোবাইলের জন্য লিখুন।