সমালোচনামূলক অনুরোধ এড়িয়ে চলুন

ক্রিটিকাল রিকোয়েস্ট চেইন হল পৃষ্ঠা রেন্ডারিংয়ের জন্য গুরুত্বপূর্ণ নির্ভরশীল নেটওয়ার্ক অনুরোধের সিরিজ। চেইনগুলির দৈর্ঘ্য যত বেশি হবে এবং ডাউনলোডের আকার যত বড় হবে, পৃষ্ঠা লোডের কার্যক্ষমতার উপর প্রভাব তত বেশি গুরুত্বপূর্ণ।

Lighthouse একটি উচ্চ অগ্রাধিকার সঙ্গে লোড সমালোচনামূলক অনুরোধ রিপোর্ট:

বাতিঘরের একটি স্ক্রিনশট মিনিমাইজ ক্রিটিক্যাল রিকোয়েস্ট ডেপথ অডিট

কিভাবে Lighthouse সমালোচনামূলক অনুরোধ চেইন সনাক্ত করে

বাতিঘর রেন্ডার-ব্লকিং সমালোচনামূলক সংস্থানগুলি সনাক্ত করার জন্য একটি প্রক্সি হিসাবে নেটওয়ার্ক অগ্রাধিকার ব্যবহার করে৷ Chrome কীভাবে এই অগ্রাধিকারগুলিকে সংজ্ঞায়িত করে সে সম্পর্কে আরও তথ্যের জন্য Google-এর Chrome সম্পদ অগ্রাধিকার এবং সময়সূচী দেখুন৷

ক্রোম রিমোট ডিবাগিং প্রোটোকল থেকে ক্রিটিক্যাল রিকোয়েস্ট চেইন, রিসোর্স সাইজ, এবং রিসোর্স ডাউনলোড করার সময় ব্যয় করা ডেটা বের করা হয়।

পারফরম্যান্সের উপর সমালোচনামূলক অনুরোধ চেইনের প্রভাব কীভাবে কমানো যায়

প্রথম পৃষ্ঠা লোডের উপর সবচেয়ে বেশি প্রভাব ফেলে এমন সংস্থানগুলিকে লক্ষ্য করার জন্য সমালোচনামূলক অনুরোধ চেইন অডিট ফলাফলগুলি ব্যবহার করুন:

  • সমালোচনামূলক সংস্থানগুলির সংখ্যা হ্রাস করুন: সেগুলি বাদ দিন, তাদের ডাউনলোড স্থগিত করুন, এগুলিকে async হিসাবে চিহ্নিত করুন এবং আরও অনেক কিছু৷
  • ডাউনলোডের সময় কমাতে ক্রিটিক্যাল বাইটের সংখ্যা অপ্টিমাইজ করুন (রাউন্ড ট্রিপের সংখ্যা)।
  • যে ক্রমানুসারে অবশিষ্ট সমালোচনামূলক সংস্থানগুলি লোড করা হয়েছে তা অপ্টিমাইজ করুন: জটিল পথের দৈর্ঘ্য ছোট করতে যত তাড়াতাড়ি সম্ভব সমস্ত গুরুত্বপূর্ণ সম্পদ ডাউনলোড করুন।

আপনার ছবি , জাভাস্ক্রিপ্ট , CSS , এবং ওয়েব ফন্ট অপ্টিমাইজ করার বিষয়ে আরও জানুন।

স্ট্যাক-নির্দিষ্ট নির্দেশিকা

ম্যাজেন্টো

আপনি যদি আপনার জাভাস্ক্রিপ্ট সম্পদ বান্ডিল না করেন, তাহলে বেলার ব্যবহার করার কথা বিবেচনা করুন।

সম্পদ

মিনিমাইজ ক্রিটিক্যাল রিকোয়েস্ট ডেপথ অডিটের জন্য সোর্স কোড