যদি কোনো তৃতীয় পক্ষের স্ক্রিপ্ট আপনার পৃষ্ঠার লোড কমিয়ে দেয় , তাহলে কর্মক্ষমতা উন্নত করার জন্য আপনার কাছে দুটি বিকল্প রয়েছে:
- এটি আপনার সাইটে স্পষ্ট মান যোগ না করলে এটি সরান।
- লোডিং প্রক্রিয়াটি অপ্টিমাইজ করুন।
নিম্নলিখিত কৌশলগুলির সাহায্যে তৃতীয় পক্ষের স্ক্রিপ্টগুলির লোডিং প্রক্রিয়াটি কীভাবে অপ্টিমাইজ করা যায় তা এই পোস্টটি ব্যাখ্যা করে:
-
<script>ট্যাগেasyncবাdeferঅ্যাট্রিবিউট ব্যবহার করা - প্রয়োজনীয় উত্সের সাথে প্রাথমিক সংযোগ স্থাপন করা
- অলস লোড হচ্ছে
- আপনি তৃতীয় পক্ষের স্ক্রিপ্টগুলি কীভাবে পরিবেশন করেন তা অপ্টিমাইজ করা
async বা defer ব্যবহার করুন
যেহেতু সিঙ্ক্রোনাস স্ক্রিপ্টগুলি DOM নির্মাণ এবং রেন্ডারিংকে বিলম্বিত করে, তাই আপনার সর্বদা তৃতীয় পক্ষের স্ক্রিপ্টগুলিকে অ্যাসিঙ্ক্রোনাসভাবে লোড করা উচিত যদি না পৃষ্ঠাটি রেন্ডার করার আগে স্ক্রিপ্টটি চালানো হয়৷
async এবং defer অ্যাট্রিবিউটগুলি ব্রাউজারকে বলে যে এটি ব্যাকগ্রাউন্ডে স্ক্রিপ্ট লোড করার সময় এইচটিএমএল পার্স করতে পারে, তারপর এটি লোড হওয়ার পরে স্ক্রিপ্টটি কার্যকর করতে পারে। এইভাবে, স্ক্রিপ্ট ডাউনলোডগুলি DOM নির্মাণ বা পৃষ্ঠা রেন্ডারিংকে ব্লক করে না, সমস্ত স্ক্রিপ্ট লোড হওয়া শেষ হওয়ার আগে ব্যবহারকারীকে পৃষ্ঠাটি দেখতে দেয়।
<script async src="script.js">
<script defer src="script.js">
async এবং defer অ্যাট্রিবিউটের মধ্যে পার্থক্য হল যখন ব্রাউজার স্ক্রিপ্টগুলি চালায়।
async
async অ্যাট্রিবিউট সহ স্ক্রিপ্টগুলি ডাউনলোড শেষ হওয়ার পরে এবং উইন্ডোর লোড ইভেন্টের আগে প্রথম সুযোগে কার্যকর হয়। এর মানে এটা সম্ভব (এবং সম্ভবত) যে async স্ক্রিপ্টগুলি এইচটিএমএলে প্রদর্শিত ক্রম অনুসারে চলবে না। এর মানে হল যে তারা DOM বিল্ডিংকে বাধা দিতে পারে যদি তারা পার্সার কাজ করার সময় ডাউনলোড করা শেষ করে।