ব্রাউজার কিছু ওয়েব পৃষ্ঠার বিষয়বস্তু প্রথমে এবং কিছু পরে দেখায়। Fetch Priority API- এর সাহায্যে, আপনি রিসোর্স লোডিং অপ্টিমাইজ করতে ব্রাউজারে গুরুত্বপূর্ণ সংস্থানগুলির প্রাথমিক আনার অগ্রাধিকার সংকেত দিতে পারেন৷
কীভাবে করবেন তা জানতে ভিডিওটি দেখুন:
- পারফরম্যান্স প্যানেলে লোডিং মেট্রিক , লার্জেস্ট কনটেন্টফুল পেইন্ট (LCP) খুঁজুন।
- নেটওয়ার্ক প্যানেলে প্রাথমিক এবং চূড়ান্ত অগ্রাধিকার এবং পারফরম্যান্স ট্রেসের নেটওয়ার্ক ট্র্যাক দেখুন।
-
<img>
,<link>
, এবং<script>
উপাদানেfetchpriority
অ্যাট্রিবিউট পরীক্ষা করতে স্থানীয় ওভাররাইড ব্যবহার করুন। -
loading
এবংfetchpriority
অ্যাট্রিবিউটের মধ্যে পার্থক্য জানুন। - সম্পদের অগ্রাধিকার কখন কমাতে হবে তা জানুন।
এলসিপি ছবিগুলি স্পষ্টভাবে fetchpriority="high"
থেকে উপকৃত হতে পারে। আরেকটি ইঙ্গিত হল যদি ব্রাউজার স্বয়ংক্রিয়ভাবে একটি চিত্রের অগ্রাধিকার বাড়ায়, তাই এটি প্রাথমিকভাবে সেট করা বোধগম্য।
আরও তথ্যের জন্য, দেখুন: