HomeBlogকিভাবে ওয়ার্ডপ্রেস প্লাগইন আপনার সাইটের লোড টাইমে এফেক্ট করে?

কিভাবে ওয়ার্ডপ্রেস প্লাগইন আপনার সাইটের লোড টাইমে এফেক্ট করে?

আপনি কি কখনো ভেবে দেখেছেন, ওয়ার্ডপ্রেস প্লাগইনও আপনার সাইটের লোট টাইমে এফেক্ট করে? ওয়ার্ডপ্রেস প্লাগইন আপনাকে বিভিন্ন ফিচারের সুবিধা দিবে সেই সাথে এটি সাইটের লোড টাইমও বাড়াবে! তাই এই আর্টিকেলে আমরা দেখাবো ওয়ার্ডপ্রেস প্লাগইন কিভাবে সাইটের লোড টাইম বাড়ায় এবং এটাকে কার্যকরভাবে কিভাবে হ্যান্ডেল করা যায়!-

ওয়ার্ডপ্রেস প্লাগইন কিভাবে কাজ করে?

ওয়ার্ডপ্রেস প্লাগইন ওয়ার্ডপ্রেস সাইটের জন্য অ্যাপের মত। প্লাগইন ইন্সটল দিয়ে আপনি আপনার সাইটে অনেক ফিচার যেমন: কনট্যাক্ট ফর্মস,ফটো গ্যালারি অথবা ইকোনোমিক স্টোর প্রভৃতি এড করতে পারবেন! যখন কেউ আপনার সাইট ভিজিট করে,ওয়ার্ডপ্রেস তখন প্রথমে এর কোর ফাইলগুলো লোড করে এবং তারপর সকল এক্টিভ প্লাগইনগুলো।

ওয়ার্ডপ্রেস প্লাগইন কিভাবে ওয়ার্ডপ্রেস সাইটের লোড টাইমে এফেক্ট করে?

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

ফাইলস ওয়ার্ডপ্রেস প্লাগইনের মাধ্যমে লোড হচ্ছে এটা কিভাবে চেক করবেন?

ওয়ার্ডপ্রেস প্লাগইন কিভাবে সাইট লোড টাইমে এফেক্ট করছে এটা চেক করার জন্যে আপনাকে প্রথমে কোন কোন ফাইল প্লাগইনের মাধ্যমে লোড হচ্ছে এটা বের করতে হবে।
অনেকগুলো টুলস রয়েছে যার মাধ্যমে এটা আপনি বের করতে পারবেন। আপনার ব্রাউজারের ডেভেলপমেন্ট টুলস ইউজ করেই এটা করতে পারবেন ( ক্রোমের ইন্সপেক্ট এবং ফায়ারফক্স এর ইন্সপেক্ট এলিমেন্ট)

প্রথমে আপনার সাইটে ভিজিট করুন তারপর ডানে ক্লিক করে ইন্সপেক্ট সিলেক্ট করুন। এটা ডেভেলপমেন্ট টুলস প্যানেল ওপেন করবে। এরপর আপনাকে নেটওয়ার্ক ট্যাবে ক্লিক করে আপনার সাইট রিলোড করুন। তখন আপনি দেখতে পারবেন আপনার ব্রাউজার প্রতিটি ফাইল কিভাবে লোড করেছে!—

ফাইলস ওয়ার্ডপ্রেস প্লাগইনের মাধ্যমে লোড হচ্ছে এটা কিভাবে চেক করবেন

এছাড়া এটা দেখার জন্যে বিভিন্ন থার্ড পার্টি এপ যেমন: pingdom,GTmetrix ইউস করতে পারেন। এই ইউসফুল টুলগুলো,সাইট ফাইল কিভাবে লোড হয়েছে এবং তা লোড হতে কত টাইম লেগেছে সব শো করবে।--

ফাইলস ওয়ার্ডপ্রেস প্লাগইনের মাধ্যমে লোড হচ্ছে এটা কিভাবে চেক করবেন

কিভাবে বুঝবেন প্লাগইনের সংখ্যা বেশি হয়ে গেছে?

আপনার সাইটের ফাইল লোডের জন্যে প্লাগইনের সংখ্যা দেখে আপনি অবাক হতে পারেন। আপনার মনে প্রশ্ন আসতে পারে ঠিক কতগুলো প্লাগইন আমার সাইটে ইউস করা উচিত? অথবা প্লাগইনের সংখ্যা কত হলে এটা সাইট লোড টাইমে এফেক্ট করে?
উত্তরটা ডিপেন্ড করছে আপনি আপনার সাইটে কতগুলো প্লাগইন ইউস করছেন,তার উপর!
একটা ব্যাড কোডেন প্লাগইন একসাথে ১২টি ফাইল লোড করতে পারে অন্যদিকে মাল্টিপল প্লাগইন এর সংখ্যা সামান্য কিছু বাড়ায়!

অন্যদিকে ওয়েল কোডেড প্লাগইনগুলো সবসময় ট্রাই করে মিনিমাম ফাইলস লোড করতে! তবে প্লাগইন ডেভেলপাররাই যে এমনটা হবে তাও বলা যায় না! কিছু কিছু প্লাগইনের ক্ষেত্রে দেখা যায়,প্রতিটি পেইজেই ওই প্লাগইন ফাইল লোড করছে! এমন কি যেখানে ফাইল লোডের দরকার নেই সেক্ষেত্রেও! তাই আপনি যদি এমন অনেকগুলো প্লাগইন ইউস করে থাকেন,তাহলে এগুলো আপনার সাইট লোড টাইন অনেক বাড়াবে।

কিভাবে প্লাগইন কন্ট্রোল করবেন?

আপনি আপনার সাইটের জন্য সবসময় ওয়েল কোডেড,ভালো ইউজার রিভিউ আছে এবং যেগুলো ট্রাস্টেড সোর্স রিকমেন্ড করে সেই প্লাগইনগুলো ইউস করবেন। এটা আপনার সাইটের জন্যে খুবই গুরুত্বপূর্ণ বিষয়! যদি আপনি দেখেন কোন প্লাগইন আপনার সাইটের লোড টাইমে এফেক্ট করছে তাহলে ওই প্লাগইনটা ডিলেট করে একই কাজ করে এবং ওয়েল কোডেন প্লাগইন ইউস করুন। এরপর আপনাকে caching এবং CDN ইউস করতে হবে সাইটের স্পিড ইমপ্রুভের জন্য। এছাড়া আপনার হোস্টিং এর ব্যাপারে একটা জিনিস খেয়াল রাখতে হবে। আপনার হোস্টিং সার্ভার যদি প্রোপারলি অপটিমাইজ করা না হয় তাহলে এটাও আপনার সাইট লোডে এফেক্ট করবে! তাই হোস্টিং প্রোভাইডর ভালো নাহলে আপনার সামগ্রিক সাইটের পারফরমেন্স এ এটা প্রভাব ফেলবে। তাই ভালো হোস্টিং কোম্পানির হোস্টিং সার্ভিস নিন।

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

ওয়ার্ডপ্রেস প্লাগইন অ্যাসেটস ম্যানুয়ালি অপটিমাইজ করুন-

এডভান্সড ওয়ার্ডপ্রেস ইউজাররা সবসময় চেষ্টা করে ওয়ার্ডপ্রেস প্লাগইনের ফাইল লোডকে ম্যানেজ করতে! কোডিং এ কিছু নলেজ এবং অল্পমাত্রায় ডিবাগিং স্কিল থাকলেই এটা করা সম্ভব। ওয়ার্ডপ্রেসের জাবা স্ক্রিপ্ট এবং স্টাইলশিট লোড হওয়ায় প্রোপার ওয়ে হচ্ছে, wp-enqueue style এবং wp-enqueue এর মাধ্যমে লোড হওয়া। অনেক ওয়ার্ডপ্রেস প্লাগইন ডেভেলপাররাই এটাকে ওয়ার্ডপ্রেস ফাইল লোড করতে ইউস করে। ওয়ার্ডপ্রেসে এমন অনেক সহজ ফাংশন আছে যার মাধ্যমে আপনি ইজিলি এই স্ক্রিপ্ট এবং স্টাইলশিটগুলো ডিরেজিস্ট্রার করতে পারেন। কিন্তু আপনি যদি এই স্ক্রিপ্ট এবং শিটগুলোর লোডিং ডিসএবল করে দিন তাহলে এটা প্লাগইন ব্রেক করবে যার ফলে পরবর্তীতে এটা ঠিকঠাক কাজও করবে না! তাই এই সমস্যা ফিক্স করার জন্যে আপনাকে এই স্ক্রিপ্ট এবং স্টাইলশিটগুলো কপি করে থিমের স্ক্রিপ্ট এবং শিটে পেস্ট করতে হবে।
এর ফলে আপনার সকল থিম একই সাথে লোড হবে,এইচটিটিপি রিকুয়েস্ট কমে যাবে যার ফলে সাইট স্পিডও গ্রো করবে।

চলুন দেখে নেয়া যাক কিভাবে স্টাইলশিট এবং জাবা স্ক্রিপ্ট ডিরেজিস্টার করবেন-

ওয়ার্ডপ্রেস প্লাগইনের স্টাইলশিট ডিসএবল করুন-

ওয়ার্ডপ্রেস প্লাগইনের স্টাইলশিট ডিসএবল করুন

প্রথমে আপনাকে খুজে বের করতে হবে কোন স্টাইলশিটটি ডিরেজিস্টার করতে চান। এক্ষেত্রে ব্রাউজারের ইন্সপেক্টর টুল ইউস করতে পারেন।--

স্টাইলশিট খুলে বের করা হয়ে গেলে,আপনি আপনার থিমের function.php file অথবা site-specific plugin এ নিজের কোডটি এড করে স্টাইলশিট ডিরেজিস্টার করতে পারেন-

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );

এই উপায়ে আপনি যত খুশি তত স্টাইলশিট ডিরেজিস্টার করতে পারবেন। যদি আপনি একের অধিক প্লাগইনের স্টাইলশিট ডিরেজিস্টার করতে চান,তাহলে এটা আপনি নিচের উপায়ে করতে পারেন-

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
wp_deregister_style( 'bfa-font-awesome-css' );
wp_deregister_style( 'some-other-stylesheet-handle' );
}

এটা মনে রাখা উচিত ডিরেজিস্টার স্টাইলশিট কিন্তু আপনার প্লাগইনের ফিচারে এফেক্ট করবে! আপনি যে স্টাইলশিট ডিরেজিস্টার করতে চান তার কন্টেন্ট কপি করে ওয়ার্ডপ্রেস থিমের স্টাইলশিটে এড করে নিতে হবে অথবা কাস্টম সিএসএসে এড করে নিতে হবে।

ওয়ার্ডপ্রেস প্লাগইনের জাবা স্ক্রিপ্ট ডিসেবল করুন-

স্টাইলশিটের মতই আপনাকে প্রথমে যে স্ক্রিপ্টটি ডিরেজিস্টার করতে চান তা খুজে বের করুন। তবে এটা ব্রাউজারের ইন্সপেক্ট টুলস ইউস করে বের করা যাবে না! এর জন্যে আপনাকে প্লাগইন ফাইলের ভিতরে যেতে হবে এবং সকল হ্যান্ডেলগুলো বের করতে হবে যার মাধ্যমে প্লাগইন হয়ে স্ক্রিপ্ট লোড হয়।

এছাড়া থিমস ফাংশন ফাইলে নিচের এই কোডটি এড করেও এটা বের করা সম্ভব

function wpb_display_pluginhandles() {
$wp_scripts = wp_scripts();
$handlename .= "<ul>";
foreach( $wp_scripts->queue as $handle ) :
$handlename .= '<li>' . $handle .'</li>';
endforeach;
$handlename .= "</ul>";
return $handlename;
}
add_shortcode( 'pluginhandles', 'wpb_display_pluginhandles'); 

এই কোডটি এড করার পর আপনি [pluginhandle] শর্টকাট কোড পাবেন যার মাধ্যমে প্লাগইন স্ক্রিপ্ট হ্যান্ডেললের লিস্ট দেখতে পাবেন-

ওয়ার্ডপ্রেস প্লাগইনের জাবা স্ক্রিপ্ট ডিসেবল করুন-

এখন আপনার কাছে স্ক্রিপ্ট হ্যান্ডেল আছে এবার আপনি নিচের কোডটি ইউস করে সহজেই জাবা স্ক্রিপ্ট ডিরেজিস্টার করতে পারবেন-

এছাড়া এই কোডটি ইউস করে মাল্টিপল স্ক্রিপ্ট ডিসেবল করতে পারবেন-

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
}

আমরা আগেই বলেছি এভাবে স্ক্রিপ্ট ডিসেবলের কারণে আমাদের প্লাগইন ঠিকমত কাজ নাও করতে পারে।

তাই এটা এড়ানোর জন্যে,আপনাকে জাবা স্ক্রিপ্টগুলো একসাথে করতে হবে। অনেক সময় এটা স্মোথলি কাজ করে না! তাই আপনাকে রিকমেন্ড করবো এক্টিভ সাইটে এটা না করার।

নিয়মিত হোস্টিং প্রোবলেমের সমাধান পেতে জয়েন করে ফেলতে পারেন আমাদের অফিসিয়াল গ্রুপে - হোস্ট দ্যা ওয়েবসাইট ফেসবুক গ্রুপ

স্পেসিফিক পেইজের জন্যে জাবা স্ক্রিপ্ট লোড করান-

আপনি যদি চান, কোন প্লাগইন স্ক্রিপ্ট শুধুমাত্র একটি স্পেসিফিক পেইজেই লোড করাতে,তাহলে এটা করা সম্ভব। এই উপায়ে জাবা স্ক্রিপ্ট অন্য সকল পেইজে ডিসেবল থাকবে,কিন্তু আপনি যে
পেইজে চান সেই পেইজে লোড হবে।

নিচের এই কোডটি ইউস করে আপনি এটা করতে পারেন-

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );
function my_deregister_javascript() {
if ( !is_page('Contact') ) {
wp_deregister_script( 'contact-form-7' );
}

এই কোডটি শুধুমাত্র contact পেইজ ছাড়া আর সকল contact-form-7 স্ক্রিপ্ট পেইজ ডিসেবল করে দেয়।

আশাকরি এই আর্টিকেলটি আপনাকে ওয়ার্ডপ্রেস প্লাগইন, সাইটের লোড টাইমে কিভাবে এফেক্ট করে সে ব্যাপারে জানতে সাহায্য করেছে।

এছাড়া আমরা Host The Website টিম আমাদের ক্লায়েন্টের সার্ভার সংক্রান্ত সকল সমস্যার ২৪/৭ হেল্প সাপোর্ট দিয়ে থাকি।
আর যেকোন প্রয়োজনে যোগাযোগ করুন ০১৫২১২১০৩৪৮ নাম্বারে এবং ইমেইল করতে পারেন এখানে sales@hostthewebaite.com or support@hostthewebsite.com

ফাহাম তানভীর
ফাহাম তানভীরhttps://hostthewebsite.com/
সবারই কোনো না কোনো স্পেসিফিক বিষয়ে আগ্রহ থাকে আর আমার প্যাশনের জায়গাটা হচ্ছে হোস্টিং ম্যানেজমেন্ট নিয়ে এক্সপিরিমেন্ট করা। হোস্টিং নিয়ে কাজ করার চেয়ে আনন্দের কিছু হতে পারে না! আমি বেশ কিছু মাস ধরেই Host The Website এর সাথে আছি এর একমাত্র কারণ হচ্ছে, বাংলাদেশে সবচেয়ে গ্রোয়িং হোস্টিং প্রভাইডার এটি। এছাড়া এই হোস্টিং কোম্পানি আমার প্যাশনের জায়গাটাও ফুলফিল করছে।
RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments