আপনার পৃষ্ঠা লোড হওয়ার সময় কতগুলি নেটওয়ার্ক অনুরোধ করা হয়েছিল এবং কত ডেটা স্থানান্তর করা হয়েছিল তা লাইটহাউস রিপোর্ট করে:
- মোট সারির জন্য অনুরোধ এবং স্থানান্তর আকারের মানগুলি চিত্র , স্ক্রিপ্ট , ফন্ট , স্টাইলশীট , অন্যান্য , নথি এবং মিডিয়া সারিগুলির মান যোগ করে গণনা করা হয়।
- থার্ড-পার্টি কলাম মোট সারির মানকে ফ্যাক্টর করে না। এর উদ্দেশ্য হল মোট অনুরোধের কতগুলি এবং মোট স্থানান্তর আকারের কতগুলি তৃতীয় পক্ষের ডোমেনগুলি থেকে এসেছে সে সম্পর্কে আপনাকে সচেতন করা৷ তৃতীয় পক্ষের অনুরোধগুলি অন্য যেকোন প্রকারের রিসোর্সের সংমিশ্রণ হতে পারে।
কিভাবে সম্পদ গণনা এবং স্থানান্তর আকার কমাতে
লোড পারফরম্যান্সের উপর উচ্চ সম্পদ গণনা বা বৃহৎ স্থানান্তরের আকারের প্রভাব নির্ভর করে কোন ধরনের সম্পদের অনুরোধ করা হচ্ছে তার উপর।
সিএসএস এবং জাভাস্ক্রিপ্ট
CSS এবং JavaScript ফাইলগুলির জন্য অনুরোধগুলি ডিফল্টরূপে রেন্ডার-ব্লক করা হয়৷ অন্য কথায়, সমস্ত CSS এবং JavaScript অনুরোধ শেষ না হওয়া পর্যন্ত ব্রাউজারগুলি স্ক্রিনে সামগ্রী রেন্ডার করতে পারে না। যদি এই ফাইলগুলির যেকোন একটি ধীরগতির সার্ভারে হোস্ট করা হয়, তবে সেই একক ধীরগতির সার্ভারটি সম্পূর্ণ রেন্ডারিং প্রক্রিয়াটিকে বিলম্বিত করতে পারে। আপনার জাভাস্ক্রিপ্ট অপ্টিমাইজ করুন , আপনার তৃতীয় পক্ষের সংস্থানগুলি অপ্টিমাইজ করুন এবং আপনার সিএসএস অপ্টিমাইজ করুন দেখুন কিভাবে শুধুমাত্র আপনার যে কোডটি প্রয়োজন তা শিপিং করতে হয়।
প্রভাবিত মেট্রিক্স: সব
ছবি
চিত্রগুলির জন্য অনুরোধগুলি সিএসএস এবং জাভাস্ক্রিপ্টের মতো রেন্ডার-ব্লকিং নয়, তবে তারা এখনও লোড কর্মক্ষমতাকে নেতিবাচকভাবে প্রভাবিত করতে পারে। একটি সাধারণ সমস্যা হল যখন একজন মোবাইল ব্যবহারকারী একটি পৃষ্ঠা লোড করে এবং দেখে যে ছবিগুলি লোড হওয়া শুরু হয়েছে কিন্তু শেষ হতে একটু সময় লাগবে৷ কিভাবে দ্রুত ছবি লোড করতে হয় তা জানতে আপনার ছবি অপ্টিমাইজ করুন দেখুন।
প্রভাবিত মেট্রিক্স: প্রথম বিষয়বস্তু পেইন্ট , প্রথম অর্থপূর্ণ পেইন্ট , গতি সূচক
হরফ
ফন্ট ফাইলের অদক্ষ লোডিং পৃষ্ঠা লোডের সময় অদৃশ্য পাঠ্য হতে পারে। ব্যবহারকারীর ডিভাইসে উপলব্ধ একটি ফন্টে কীভাবে ডিফল্ট করতে হয় তা শিখতে আপনার ফন্টগুলি অপ্টিমাইজ করুন দেখুন এবং তারপরে ডাউনলোড করা শেষ হলে আপনার কাস্টম ফন্টে স্যুইচ করুন৷
প্রভাবিত মেট্রিক্স: প্রথম কনটেন্টফুল পেইন্ট
নথিপত্র
আপনার HTML ফাইল বড় হলে, ব্রাউজারকে HTML পার্স করতে এবং পার্স করা HTML থেকে DOM ট্রি তৈরি করতে বেশি সময় ব্যয় করতে হবে।
প্রভাবিত মেট্রিক্স: প্রথম কনটেন্টফুল পেইন্ট
মিডিয়া
অ্যানিমেটেড GIF ফাইলগুলি প্রায়ই খুব বড় হয়। কিভাবে দ্রুত অ্যানিমেশন লোড করতে হয় তা শিখতে ভিডিওগুলির সাথে GIF গুলি প্রতিস্থাপন দেখুন৷
প্রভাবিত মেট্রিক্স: প্রথম কনটেন্টফুল পেইন্ট
রিগ্রেশন প্রতিরোধ করতে কর্মক্ষমতা বাজেট ব্যবহার করুন
একবার আপনি অনুরোধের সংখ্যা এবং স্থানান্তরের আকার কমাতে আপনার কোডটি অপ্টিমাইজ করলে, কীভাবে রিগ্রেশন প্রতিরোধ করা যায় তা শিখতে পারফরম্যান্স বাজেট সেট করুন দেখুন।
সম্পদ
Keep অনুরোধের জন্য সোর্স কোডের সংখ্যা কম এবং স্থানান্তরের আকার ছোট অডিট