সাইটের গতি এবং অ্যাসিঙ্ক্রোনাস জাভাস্ক্রিপ্ট

অসমনিয়ত

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

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

এটি সিঙ্ক্রোনাস লোডিং হিসাবে পরিচিত। আপনাকে একটি উপাদান লোড করা শেষ করতে হবে আগে আপনি পরবর্তী উপাদান লোড করুন। আপনার যদি আইটেমগুলি অবিচ্ছিন্নভাবে লোড করতে সক্ষম হয় তবে আপনি একে অপরের উপর নির্ভরশীলতা ছাড়াই আইটেমগুলি লোড করতে সক্ষম হন। আপনি তাত্পর্যপূর্ণভাবে উপাদান লোড করে আপনার সাইটের গতি মারাত্মকভাবে উন্নত করতে পারেন। সমস্যাটি হ'ল এই সংস্থাগুলি আপনাকে যে অফ-অফ-বক্স-স্ক্রিপ্টগুলি সরবরাহ করে তা অ্যাসিক্রোনাস চালানোর জন্য প্রায়শই অনুকূলিত হয় না।
অসমনিয়ত

পিংডোমে পরীক্ষা চালিয়ে আপনি কীভাবে আপনার পৃষ্ঠার গতিতে প্রভাব ফেলছেন তা দেখতে পাচ্ছেন:
পিংডম পৃষ্ঠা লোড

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

এমিল স্টেনস্ট্রোম থেকে এটি কীভাবে সঠিকভাবে করা যায় তার একটি স্নিপেট এখানে:

(ফাংশন () {ফাংশন async_load () s var s = document.createElement ('স্ক্রিপ্ট'); s.type = 'পাঠ্য / জাভাস্ক্রিপ্ট'; s.async = সত্য; s.src = 'http://buttondomain.com /script.js '; var x = document.getElementsByTagName (' স্ক্রিপ্ট ') [0]; x.parentNode.insertBefore (গুলি, এক্স);} যদি (উইন্ডো.সেটচেন্ট) উইন্ডো.এটাচএভেন্ট (' ওনলোড ', অ্যাসিঙ্ক_লোড); অন্যটি উইন্ডো.এডএডএভেন্টলিস্টনার ('লোড', অ্যাসিঙ্ক_লোড, মিথ্যা);}) ();

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

আপনি কি মনে করেন?

এই সাইট স্প্যাম কমাতে Akismet ব্যবহার করে। আপনার ডেটা প্রক্রিয়া করা হয় তা জানুন.