স্পিড টুল সম্পর্কে কীভাবে ভাববেন

পারফর্ম্যান্স ডেটা ও পারফর্ম্যান্স টুলিংয়ের ব্যাপারে Google অনেক নির্দেশিকা প্রকাশ করেছে। এই ইনফোগ্রাফিকের লক্ষ্য হল ডেভেলপার এবং মার্কেটারদের জন্য এই নির্দেশিকাকে একত্রিত করা যাতে তারা বুঝতে পারে যে পারফরম্যান্স সম্পর্কে কীভাবে চিন্তা করতে হয় এবং Google-এর সমস্ত পারফরম্যান্স টুল অফারগুলি নেভিগেট করতে হয়।

পিডিএফ ভার্সন ডাউনলোড করুন

পারফর্ম্যান্স সম্পর্কে সাধারণ ভুল ধারণা

মিথ ১

একটি লাইন গ্রাফ সহ কাগজের টুকরো।

ব্যবহারকারীর অভিজ্ঞতা একটি মেট্রিকের মাধ্যমে ক্যাপচার করা যেতে পারে।

ব্যবহারকারীর ভালো অভিজ্ঞতা কোনও একটি নির্দিষ্ট সময়ের উপর নির্ভর করে না। এটি আপনার ব্যবহারকারীর যাত্রার মূল মাইলস্টোনের একটি সিরিজ নিয়ে গঠিত। বিভিন্ন মেট্রিক সম্পর্কে বুঝে নিন এবং আপনার ব্যবহারকারীর অভিজ্ঞতার জন্য গুরুত্বপূর্ণ মেট্রিক ট্র্যাক করুন।

মিথ ২

বিভিন্ন ডিভাইস ও নেটওয়ার্কের অবস্থা দেখানোর জন্য নেটওয়ার্ক আইকনোগ্রাফির
কালেকশন।

ব্যবহারকারীর অভিজ্ঞতা একজন “প্রতিনিধিত্বকারী ব্যবহারকারী”র মাধ্যমে ক্যাপচার করা যেতে পারে।
ব্যবহারকারীর ডিভাইস, নেটওয়ার্ক কানেকশন ও অন্যান্য বিষয়ের পার্থক্যের কারণে বাস্তব-জগতের পারফর্ম্যান্স অত্যন্ত পরিবর্তনশীল। এই ধরনের বিভিন্ন পরিস্থিতি পরীক্ষা করার জন্য আপনার ল্যাব ও ডেভেলপমেন্ট এনভায়রনমেন্ট ক্যালিব্রেট করুন। ডিভাইসের ধরন (যেমন, মোবাইল বনাম ডেস্কটপ), নেটওয়ার্ক কানেকশন (যেমন, 3G বা 4G) এবং অন্যান্য গুরুত্বপূর্ণ ভেরিয়েবল।

মিথ ৩

বিভিন্ন ধরনের ব্যবহারকারীর
ছবি।

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

ল্যাব বনাম ফিল্ড ডেটা বোঝা

ল্যাব ডেটা

একজন ব্যক্তি বিমূর্ত প্রযুক্তিগত ধারণা
ও আইকনের সামনে দাঁড়িয়ে আছেন,
তার ছবি

ল্যাব ডেটা হল পারফর্ম্যান্স ডেটা যা আগে থেকে নির্ধারিত ডিভাইস ও নেটওয়ার্ক সেটিংস সহ নিয়ন্ত্রিত এনভায়রনমেন্টে সংগ্রহ করা হয়। এটি রিপ্রোডিউস করা যায় এমন ফলাফল এবং ডিবাগিংয়ের সুবিধা প্রদান করে যা পারফর্ম্যান্স সংক্রান্ত সমস্যা শনাক্ত, আইসোলেট ও সমাধান করতে সাহায্য করে।

কী করতে হবে

শক্তি

  • পারফর্ম্যান্স সংক্রান্ত সমস্যা ডিবাগ করার জন্য সহায়ক
  • UX-এ এন্ড-টু-এন্ড এবং গভীর দৃশ্যমানতা
  • রিপ্রোডিউসিবল টেস্টিং ও ডিবাগিং এনভায়রনমেন্ট
আপনি কী কী করতে পারবেন না

সীমাবদ্ধতা

  • বাস্তব জগতের বাধা ক্যাপচার নাও করতে পারে
  • বাস্তব জগতের পৃষ্ঠা KPI-এর সাথে সম্পর্কযুক্ত করা যাবে না

ফিল্ডের ডেটা

একটি ছবি যেখানে দেখা যাচ্ছে যে লোকজন পাবলিক সেটিংয়ে মোবাইল ডিভাইস
ব্যবহার করছেন।

(এছাড়াও, একে রিয়েল ইউজার মনিটরিং বা RUM বলা হয়)

ফিল্ড ডেটা হল পারফর্ম্যান্স ডেটা যা আপনার ব্যবহারকারীদের দ্বারা অভিজ্ঞতাপ্রাপ্ত আসল পৃষ্ঠা লোড থেকে সংগ্রহ করা হয়।

কী করতে হবে

শক্তি

  • আসল ব্যবহারকারীর অভিজ্ঞতা ক্যাপচার করে
  • ব্যবসার মূল অবদান সূচকের সাথে সম্পর্ক স্থাপন করতে সাহায্য করে
আপনি কী কী করতে পারবেন না

সীমাবদ্ধতা {: .compare-worse }

  • বিধিনিষেধযুক্ত মেট্রিকের সেট
  • সীমিত ডিবাগিং ক্ষমতা

বিভিন্ন পারফর্ম্যান্স টুলগুলি কী কী?

লাইটহাউস

Lighthouse

পারফর্ম্যান্স, অ্যাক্সেসিবিলিটি, PWA, SEO এবং অন্যান্য পেশাদার পদ্ধতির মাধ্যমে কীভাবে আপনার ওয়েবসাইট উন্নত করবেন সেই বিষয়ে আপনাকে পছন্দমতো পরামর্শ দেয়।

WebPageTest

WebPageTest

এটি আপনাকে নিয়ন্ত্রিত ল্যাব পরিবেশে এক বা একাধিক পৃষ্ঠার পারফর্ম্যান্স তুলনা করতে এবং পারফর্ম্যান্সের পরিসংখ্যান গভীরভাবে বিশ্লেষণ করতে ও আসল ডিভাইসে পারফর্ম্যান্স পরীক্ষা করতে সাহায্য করে। এছাড়াও, আপনি WebPageTest-এ Lighthouse চালাতে পারবেন।

TestMySite

TestMySite

বিভিন্ন ডিভাইস জুড়ে ওয়েবপেজের পারফর্ম্যান্স ডায়াগনসিস করার সুবিধা দেয় এবং Webpagetest ও PageSpeed Insights থেকে অভিজ্ঞতা উন্নত করার জন্য সমাধানের তালিকা প্রদান করে।

PageSpeed ইনসাইট

PageSpeed Insights

আপনার সাইটের জন্য স্পিড ফিল্ড ডেটা দেখায়, এর সাথে এটি উন্নত করার জন্য সাধারণ অপ্টিমাইজেশনের সাজেশনও দেখায়।

স্পিড স্কোরকার্ড

স্পিড স্কোরকার্ড

১০টিরও বেশি দেশে আপনার সমকক্ষদের সাথে আপনার মোবাইল সাইটের স্পিড তুলনা করার অনুমতি দেয়। মোবাইল সাইটের স্পিড Chrome ব্যবহারকারীর অভিজ্ঞতা রিপোর্ট থেকে পাওয়া বাস্তব ডেটার উপর ভিত্তি করে দেখানো হয়।

ইম্প্যাক্ট ক্যালকুলেটর

ইম্প্যাক্ট ক্যালকুলেটর

Google Analytics থেকে পাওয়া বেঞ্চমার্ক ডেটার উপর ভিত্তি করে, আপনার মোবাইল সাইটের স্পিড উন্নত করার মাধ্যমে সম্ভাব্য উপার্জনের সুযোগ অনুমান করতে দেয়।

Chrome ডেভেলপার টুল

Chrome ডেভেলপার টুল

আপনাকে কোনও পৃষ্ঠার রানটাইম প্রোফাইল করার পাশাপাশি পারফর্ম্যান্সের বাধা শনাক্ত ও ডিবাগ করার অনুমতি দেয়।

তাহলে আপনি…

চার্ট ও গ্রাফ দেখানো
বইয়ের আইকন।

মার্কেটার বা ডেভেলপার আপনার ওয়েবসাইটের ব্যবহারকারীর অভিজ্ঞতা উন্নত করার জন্য ব্যবসায়িক বিষয় তৈরি করার চেষ্টা করছেন। আপনি ডলার ও সেন্টের ভাষায় কথা বলেন এবং এমন আর্থিক পরিসংখ্যান খুঁজছেন যা আপনাকে সুযোগের খরচ ও প্রত্যাশিত লিফ্ট পরিমাপ করতে সাহায্য করতে পারে।

  • স্পিড স্কোরকার্ড ব্যবহার করে ১০টির বেশি দেশে আপনার মোবাইল সাইটের স্পিড আপনার সমকক্ষদের সাথে তুলনা করে দেখুন। Chrome User Experience Report থেকে পাওয়া রিয়েল-ওয়ার্ল্ড ডেটার ভিত্তিতে স্কোর হিসেব করা হয়।
  • আপনার মোবাইল সাইটের স্পিড উন্নত করার মাধ্যমে সম্ভাব্য উপার্জনের সুযোগ অনুমান করতে ইমপ্যাক্ট ক্যালকুলেটর ব্যবহার করুন। প্রভাব Google Analytics-এর বেঞ্চমার্ক ডেটা দ্বারা পরিচালিত হয়।
  • ইন্ডাস্ট্রি বেঞ্চমার্কের পাশাপাশি আপনার পৃষ্ঠার মোবাইল লোডিং টাইম পরীক্ষা করতে এবং কীভাবে সহজ সমাধান আপনার সাইটের স্পিড বাড়াতে এবং ভিজিটর হারানোর সম্ভাবনা কমাতে পারে তা জানতে TestMySite ব্যবহার করুন; TestMySite বর্তমানে WebPageTest এবং PageSpeed Insights দ্বারা পরিচালিত হয়।
একটি ল্যাপটপের আইকন যার পিছনে এবং সামান্য উপরে Chrome লোগো
আছে।

ডেভেলপার আপনার সাইটের বর্তমান পারফর্ম্যান্স বোঝার চেষ্টা করছেন, যেমনটি বাস্তব-জগতের Chrome ব্যবহারকারীরা অনুভব করেছেন এবং শীর্ষস্থানীয় ইন্ডাস্ট্রি ট্রেন্ড এবং নির্দেশিকাগুলির বিরুদ্ধে অডিট সাজেশন খুঁজছেন।

PageSpeed Insights আপনাকে Chrome ব্যবহারকারীদের অভিজ্ঞতা অনুযায়ী আপনার সাইটের বাস্তব পারফর্ম্যান্স বুঝতে সাহায্য করে এবং অপ্টিমাইজেশনের সুযোগ সম্পর্কে সাজেশন দেয়।

Lighthouse অডিট ফলাফল পৃষ্ঠার
আইকন।

ডেভেলপার আধুনিক ওয়েব পারফর্ম্যান্সের পেশাদার পদ্ধতির সাথে তুলনা করে কোনও ওয়েবসাইট বোঝা ও অডিট করার চেষ্টা করছেন।

Lighthouse-এ পারফর্ম্যান্সের সুযোগের একটি বিস্তৃত সেট রয়েছে; এটি আপনাকে আপনার পৃষ্ঠায় অনুপস্থিত পারফর্ম্যান্সের সুযোগের একটি তালিকা এবং প্রতিটি অপ্টিমাইজেশন বাস্তবায়নের মাধ্যমে সাশ্রয় করা সময় প্রদান করে, যা আপনাকে কী করা উচিত তা বুঝতে সাহায্য করতে পারে।

একটি পোকার উপর আতস কাচের আইকন।

ডেভেলপার আপনার সাইটের পারফর্ম্যান্স ডিবাগ/গভীরভাবে বিশ্লেষণ করার জন্য প্রযুক্তিগত নির্দেশিকা খুঁজছেন।

Chrome ডেভেলপার টুলে (CDT) একটি পারফর্ম্যান্স প্যানেল থাকে যা আপনাকে কাস্টমাইজ করা কনফিগারেশনের মাধ্যমে আপনার সাইটের প্রোফাইলিং করে আপনার সাইটের পারফর্ম্যান্স সংক্রান্ত সমস্যাগুলি আরও গভীরভাবে বিশ্লেষণ করতে দেয়, যার ফলে আপনি পারফর্ম্যান্সের বাধাগুলি ট্র্যাক করতে পারেন। আপনি কোনও ওয়েবসাইটের প্রোডাকশন বা ডেভেলপমেন্ট ভার্সনে CDT ব্যবহার করতে পারবেন।

WebPageTest-এ মেট্রিক ও ট্রেস ভিউয়ারের উন্নত স্যুট রয়েছে। এটি নেটওয়ার্কের অবস্থা সহ আসল মোবাইল হার্ডওয়্যারে আপনার সাইটের পারফর্ম্যান্স আরও খুঁটিয়ে বিশ্লেষণ করতে সাহায্য করে।