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