HTML-এর preload নামে একটি বৈশিষ্ট্য রয়েছে যা আপনাকে ব্রাউজারকে একটি ইঙ্গিত দিতে দেয় কিভাবে, এবং আরো গুরুত্বপূর্ণভাবে, কখন সম্পর্কে পৃষ্ঠা লোড হলে সম্পদ লোড করতে।
preload অ্যাট্রিবিউট বিভিন্ন HTML উপাদানে ব্যবহার করা যেতে পারে। উদাহরণস্বরূপ, আপনি এটি <link> এ যোগ করতে পারেন ব্রাউজারগুলিকে আপনার CSS স্টাইলশীটের জন্য একটি প্রাথমিক আনা শুরু করার জন্য উপাদান।
করবেন না preload ব্যবহার করুন আপনার <link> এ অ্যাট্রিবিউট এইরকম (যেমন কিছু ওয়েবসাইট সুপারিশ করে):
<link rel="preload" rel=stylesheet href="/css/styles.css" as="style">কারণ উপরের কোডটি শুধুমাত্র আপনার স্টাইলশীট প্রিলোড করে, এটি প্রয়োগ করে না এটা
পরিবর্তে, আপনার স্টাইলশীট প্রিলোড এবং প্রয়োগ উভয়ের জন্য (এটি প্রিলোড হওয়ার সাথে সাথে), আপনি একটি ইনলাইন JS onload ব্যবহার করতে পারেন আপনার <link> এ ইভেন্টহ্যান্ডলার উপাদান:
<link rel="preload" href="style.css" as="style" onload="this.rel='stylesheet'">
JS onload ইভেন্টহ্যান্ডলার তারপর লিঙ্ক এলিমেন্টের rel="preload" পরিবর্তন করবে rel="stylesheet"-এর বৈশিষ্ট্য এটি লোড হওয়ার সাথে সাথে।
উপরের কনফিগারেশনের সাথে, যে ব্রাউজারগুলি preload সমর্থন করে আপনি যদি অ্যাট্রিবিউটটি ব্যবহার না করেন তার চেয়ে আগে CSS স্টাইলশীট ডাউনলোড করা শুরু করবে।
ব্রাউজার সমর্থন
preload বৈশিষ্ট্যটি এখনও ফায়ারফক্সে সমর্থিত নয় (অদ্ভুতভাবে), তবে এটি অন্যান্য সমস্ত আধুনিক ব্রাউজারে কাজ করে। আপনি এখনও preload ব্যবহার করতে পারেন বৈশিষ্ট্য, কিন্তু এটি ফায়ারফক্সে আপনার CSS প্রিফেচ করবে না (এটি সাধারণত লোড হবে)।
