কেন এবং কি?
প্রগতিশীল ওয়েব অ্যাপ কৌশলগুলি আপনার সাইটের জন্য করতে পারে এমন সমস্ত ভাল জিনিস সম্পর্কে আপনি সম্ভবত শুনেছেন৷ আপনি সরাসরি ঝাঁপিয়ে পড়তে এবং PWA বৈশিষ্ট্যগুলি যোগ করতে প্রলুব্ধ বোধ করতে পারেন। এটা সম্ভব, কিন্তু আপনি যদি প্রথমে 'PWA- প্রস্তুত' পান তাহলে আপনি অনেক ভালো হবেন।
কোন পরিমাণ PWA জাদু জাভাস্ক্রিপ্ট ব্লক করা বা ফোলা ছবিগুলির মতো সমস্যার সমাধান করবে না। PWA এর একটি শক্ত ভিত্তি প্রয়োজন।
তাহলে আপনি কিভাবে আপনার ওয়েবসাইটের স্বাস্থ্য পরীক্ষা করবেন? প্রথম ধাপ হল একটি সাইট অডিট করা: কোনটি ভাল কাজ করে এবং কোথায় (এবং কিভাবে) উন্নতি হতে পারে তার একটি উদ্দেশ্যমূলক পর্যালোচনা।
আপনার সাইট বা অ্যাপের অডিট করা আপনাকে একটি স্থিতিস্থাপক, পারফরম্যান্স অভিজ্ঞতা তৈরি করতে সাহায্য করবে — এবং দ্রুত জয়গুলি হাইলাইট করবে যা ন্যূনতম সাইন-অফের সাথে প্রয়োগ করা যেতে পারে। একটি অডিট আপনাকে ডেটা-চালিত বিকাশের জন্য একটি বেসলাইন দেয়। একটি পরিবর্তন জিনিস ভাল করে তোলে? আপনার সাইট কিভাবে প্রতিযোগীদের সাথে তুলনা করে? আপনি প্রচেষ্টাকে অগ্রাধিকার দেওয়ার জন্য মেট্রিক্স পাবেন, এবং আপনি উন্নতি করার পরে বড়াই করার জন্য নির্দিষ্ট প্রমাণ পাবেন।
আপনার যদি মাত্র 5 মিনিট থাকে...
আপনার হোমপেজে লাইটহাউস চালান এবং রিপোর্ট ডেটা সংরক্ষণ করুন । পারফরম্যান্স, অ্যাক্সেসিবিলিটি, সিকিউরিটি এবং এসইও-এর উন্নতির জন্য আপনি একটি পরিমাপযুক্ত বেসলাইন এবং একটি করণীয় তালিকা পাবেন।
আপনার যদি মাত্র 30 মিনিট থাকে...
লাইটহাউস সম্ভবত এখনও শুরু করার সেরা জায়গা, তবে আরও কিছু সময় দিয়ে আপনি অন্যান্য সরঞ্জামগুলি থেকেও ফলাফল রেকর্ড করতে পারেন:
- Chrome DevTools নিরাপত্তা প্যানেল : HTTPS ব্যবহার।
- Chrome DevTools নেটওয়ার্ক প্যানেল : লোডের সময়; এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, ছবি, ফন্ট এবং অন্যান্য ফাইলের জন্য রিসোর্সের আকার এবং অনুরোধের সংখ্যা।
- ক্রোম টাস্ক ম্যানেজার: আপনার সাইট যদি ক্রমাগত উল্লেখযোগ্য CPU বা অন্যান্য অ্যাপের তুলনায় বেশি মেমরি ব্যবহার করে তাহলে আপনাকে মেমরি লিক, টাস্ক রানিং বা রিসোর্স লোডিং সমস্যাগুলি ঠিক করতে হতে পারে। আপনার ব্যবহারকারীদের প্রতিনিধি ডিভাইসে আপনার সাইট পরীক্ষা নিশ্চিত করুন.
- ওয়েবপেজটেস্ট : বিভিন্ন অবস্থান এবং সংযোগের ধরন, ক্যাশিং, প্রথম বাইট থেকে সময়, CDN ব্যবহার।
- পেজস্পিড ইনসাইটস : লোড কর্মক্ষমতা, ডেটা খরচ এবং সম্পদের ব্যবহার, সহ Chrome ব্যবহারকারীর অভিজ্ঞতা প্রতিবেদনের ডেটা বাস্তব-বিশ্বের কর্মক্ষমতা পরিসংখ্যান হাইলাইট করে।
- স্পিড স্কোরকার্ড এবং ইমপ্যাক্ট ক্যালকুলেটর : সহকর্মীদের সাথে সাইটের গতির তুলনা করুন এবং সাইটের গতি উন্নত করার সম্ভাব্য আয়ের সুযোগ অনুমান করুন।
নিশ্চিত করুন যে আপনার ওয়েবসাইটটি প্রথমবারের মতো ব্যবহারকারী হিসাবে দেখেন। সাইটটি একটি ছদ্মবেশী (ব্যক্তিগত) উইন্ডো খুলুন, বা ক্যাশিং অক্ষম করতে এবং সঞ্চয়স্থান পরিষ্কার করতে ব্রাউজার সরঞ্জামগুলি ব্যবহার করুন৷ এটি নিশ্চিত করে যে প্রতিটি সম্পদ নেটওয়ার্ক থেকে পুনরুদ্ধার করা হয়েছে এবং স্থানীয় ক্যাশে থেকে নয়, তাই আপনি প্রথম-লোড কর্মক্ষমতার একটি সঠিক ছবি পাবেন।
বাস্তব বিশ্বের পরীক্ষায় কিছুই নেই — আপনার ব্যবহারকারীদের মতো একই ডিভাইস এবং সংযোগ দিয়ে আপনার সাইটটি ব্যবহার করে দেখুন এবং আপনার বিষয়গত অভিজ্ঞতার রেকর্ড রাখুন।
আপনি যদি বিভ্রান্তিকর সরঞ্জামগুলির পরিসর খুঁজে পান...
আমাদের গাইডটি একবার দেখুন: গতির সরঞ্জামগুলি সম্পর্কে কীভাবে চিন্তা করবেন ।
অন্য কিছু না হলে, চেক করতে লাইটহাউস ব্যবহার করুন:
- HTTPS: প্রতিটি সাইটকে HTTPS-এর মাধ্যমে সমস্ত সম্পদ সরবরাহ করা উচিত ।
- সার্ভার সেটিংস: আপনার ওয়েব সার্ভার বা CDN সঠিকভাবে কম্প্রেশন ব্যবহার করবে , HTTP/2 ব্যবহার করবে এবং আপনার ব্রাউজারকে ক্যাশে রিসোর্স সক্ষম করতে উপযুক্ত শিরোনাম অন্তর্ভুক্ত করবে ।
- স্ক্রিপ্ট উপাদান যা পৃষ্ঠার নীচে সরানো যেতে পারে এবং/অথবা একটি অ্যাসিঙ্ক বা ডিফার অ্যাট্রিবিউট দেওয়া যেতে পারে।
- জাভাস্ক্রিপ্ট এবং লাইব্রেরি যা সরানো যেতে পারে।
- অব্যবহৃত CSS এবং অব্যবহৃত জাভাস্ক্রিপ্ট ।
- যে ছবিগুলি উচ্চ কম্প্রেশন বা ছোট পিক্সেল মাত্রা সহ সংরক্ষণ করা যেতে পারে।
- ছবির ফাইলগুলি যেগুলি একটি ভিন্ন ফর্ম্যাট ব্যবহার করে সংরক্ষিত হবে, যেমন ফটোগুলি PNG হিসাবে সংরক্ষিত।
শ্রোতা, স্টেকহোল্ডার, প্রসঙ্গ
রিফ্যাক্টরিংয়ের জন্য অগ্রাধিকারগুলি আপনার দর্শক, বিষয়বস্তু এবং কার্যকারিতার উপর নির্ভর করে। কে আপনার সাইটে যান? কেন এবং কিভাবে তারা এটি ব্যবহার করে? আপনার কর্মক্ষমতা বাজেট কি? আপনি যদি এই প্রশ্নগুলির উত্তর সম্পর্কে নিশ্চিত না হন তবে আমাদের PWA প্রশিক্ষণ সংস্থানগুলি থেকে প্রয়োজনীয়তা সংগ্রহের অনুশীলনগুলি চেষ্টা করুন: আপনার দর্শক, আপনার সামগ্রী এবং আপনার সমস্ত ব্যবহারকারীর জন্য ডিজাইন ৷
আপনার স্টেকহোল্ডার কারা এবং তাদের অগ্রাধিকার কি? এটি আপনার অডিট ডেটা গঠন, উপস্থাপন এবং ভাগ করার পদ্ধতিকে প্রভাবিত করবে।
আপনি যদি আপনার পুরো সাইটের অডিট করতে না পারেন, তাহলে কোথায় ফোকাস করতে হবে সে সম্পর্কে ধারণা পেতে পৃষ্ঠা বিশ্লেষণ পরীক্ষা করুন। উচ্চ বাউন্স রেট, কম সময়-অন-পৃষ্ঠা এবং অপ্রত্যাশিত প্রস্থান পৃষ্ঠাগুলি কোথা থেকে শুরু করতে হবে তার একটি ভাল সূচক হতে পারে। একইভাবে ব্যবসার মেট্রিক্স যেমন হোস্টিং খরচ, বিজ্ঞাপন ক্লিক এবং রূপান্তর। স্টেকহোল্ডারদের কাছ থেকে তাদের কাছে কোন ডেটা গুরুত্বপূর্ণ সে সম্পর্কে একটি ওভারভিউ পান।
পরীক্ষা, রেকর্ড, ফিক্স, পুনরাবৃত্তি
কোন পরিবর্তন করার আগে আপনার সাইটের অবস্থা রেকর্ড করুন, সমস্যাগুলি উন্মোচন করতে এবং উন্নতি বা রিগ্রেশনের জন্য একটি সূচনা পয়েন্ট সেট করুন। এটি আপনাকে উন্নয়ন প্রচেষ্টাকে ন্যায্যতা এবং পুরস্কৃত করার জন্য ডেটা দেয়।
আপনার সাইটের মধ্যে একাধিক পৃষ্ঠার প্রকার পরীক্ষা করা নিশ্চিত করুন — শুধু হোম পৃষ্ঠা নয়। একক পৃষ্ঠার অ্যাপ্লিকেশানগুলির জন্য, শুধুমাত্র প্রথম লোড অভিজ্ঞতা নয়, বিভিন্ন উপাদান, রুট এবং UX ফ্লো পরীক্ষা করুন৷