ওয়ার্ডপ্রেস

কিভাবে আপনার ওয়ার্ডপ্রেস সাইটের জন্য অটোঅপ্টিমাইজ সেট আপ করবেন

অটোঅপ্টিমাইজ একটি বিনামূল্যের ওয়ার্ডপ্রেস অপ্টিমাইজেশান প্লাগইন। এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট অপ্টিমাইজেশান ছাড়াও, অটোঅপ্টিমাইজে আধুনিক ওয়ার্ডপ্রেস সাইটের অন্যান্য দিকে লক্ষ্য করা অপ্টিমাইজেশন বৈশিষ্ট্যগুলিও অন্তর্ভুক্ত রয়েছে।

এই পোস্টে, আমরা আপনার ওয়ার্ডপ্রেস সাইটের কর্মক্ষমতা এবং পৃষ্ঠার গতি উন্নত করতে সেরা অটোঅপ্টিমাইজ প্লাগইন সেটিংস শেয়ার করব।

কেন অটোঅপ্টিমাইজ?

আমরা সেরা অটোঅপ্টিমাইজ সেটিংসে ডুব দেওয়ার আগে, অটোঅপ্টিমাইজ একটি দুর্দান্ত অপ্টিমাইজেশন প্লাগইন কেন সেগুলির তিনটি কারণ দ্রুত জেনে নেওয়া যাক৷

  1. অটোঅপ্টিমাইজের ফ্রি সংস্করণে আপনার ওয়ার্ডপ্রেস সাইট অপ্টিমাইজ করার জন্য একটি সম্পূর্ণ বৈশিষ্ট্য সেট রয়েছে।
  2. অটোঅপ্টিমাইজ কঠোরভাবে একটি অপ্টিমাইজেশান প্লাগইন এবং কোন এইচটিএমএল পেজ ক্যাশিং করে না। এর মানে হল এটি সমস্ত ওয়েব হোস্টের সাথে সামঞ্জস্যপূর্ণ - এমনকি কাস্টম পৃষ্ঠা ক্যাশিং কনফিগারেশনের মতো Behmaster.
  3. ওয়ার্ডপ্রেস রিপোজিটরিতে অটোঅপ্টিমাইজের 1 মিলিয়নের বেশি সক্রিয় ইনস্টল রয়েছে এবং নতুন বৈশিষ্ট্য এবং বাগ ফিক্সের সাথে ধারাবাহিকভাবে আপডেট করা হয়।

JS, CSS, এবং HTML সেটিংস অটোঅপ্টিমাইজ করুন

এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট হল অটোঅপ্টিমাইজের রুটি এবং মাখন। অন্যান্য অপ্টিমাইজেশন প্লাগইনগুলির মতো, অটোঅপ্টিমাইজের বিস্তৃত বৈশিষ্ট্য সেট এবং সেটিংসে খনন করা একটি কঠিন কাজ হতে পারে। জিনিসগুলি সহজ করার জন্য, আমরা আপনার সাইটের কর্মক্ষমতা উন্নত করার জন্য সেরা অটোঅপ্টিমাইজ সেটিংস সংকলন করেছি৷

জাভাস্ক্রিপ্ট বিকল্প

অটোঅপ্টিমাইজে জাভাস্ক্রিপ্ট অপ্টিমাইজেশান।
অটোঅপ্টিমাইজে জাভাস্ক্রিপ্ট অপ্টিমাইজেশান।

জাভাস্ক্রিপ্ট কোডটি অনুকূলিত করুন

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

মোট JS ফাইল

অটোঅপ্টিমাইজের "সমষ্টি JS ফাইল" বিকল্পটি আপনার সমস্ত জাভাস্ক্রিপ্ট ফাইলকে একটি একক ফাইলে একত্রিত করবে। অতীতে, JS এবং CSS ফাইলগুলিকে একত্রিত করা ওয়ার্ডপ্রেস অপ্টিমাইজেশানের একটি মূল পদক্ষেপ ছিল। এ Behmaster, আমরা আধুনিক HTTP/2 সার্ভারগুলি ব্যবহার করি যা সমান্তরাল ডাউনলোড এবং মাল্টিপ্লেক্সিং সমর্থন করে – এর মানে ফাইলগুলিকে একত্রিত করা আগের মতো গুরুত্বপূর্ণ নয় কারণ HTTP/2 একই সময়ে একাধিক ফাইল ডাউনলোড করার অনুমতি দেয়৷ এর সাথেই, CSS এবং JS ফাইলগুলিকে একত্রিত করার ফলে কিছু নির্দিষ্ট ধরণের ওয়ার্ডপ্রেস সাইটের গতি বাম্প হবে, তাই আমরা এই বিকল্পটি সক্ষম এবং অক্ষম করে আপনার পৃষ্ঠার গতি পরীক্ষা করার পরামর্শ দিই।

এছাড়াও সামগ্রিক ইনলাইন JS

"এছাড়াও এগ্রিগেট ইনলাইন JS" বিকল্পটি আপনার HTML-এ ইনলাইন JS বের করে এবং অটোঅপ্টিমাইজের অপ্টিমাইজ করা JS ফাইলের সাথে এটিকে একত্রিত করে। যেহেতু এই বিকল্পটি অটোঅপ্টিমাইজের ক্যাশে আকারে দ্রুত বৃদ্ধি ঘটাতে পারে, তাই আমরা এই বিকল্পটিকে নিষ্ক্রিয় রাখার পরামর্শ দিই যদি না আপনার কাছে এটি সক্রিয় করার একটি নির্দিষ্ট কারণ থাকে।

জোর করে জাভাস্ক্রিপ্ট ইন করুন

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

অটোঅপ্টিমাইজ থেকে স্ক্রিপ্টগুলি বাদ দিন

এই বিকল্পটি আপনাকে নির্দিষ্ট ডিরেক্টরি এবং জাভাস্ক্রিপ্ট ফাইলগুলিকে একত্রিতকরণ থেকে বাদ দিতে দেয়। ডিফল্টরূপে, অটোঅপ্টিমাইজ নিম্নলিখিত স্ক্রিপ্টগুলিকে বাদ দেয়৷

  • wp-includes/js/dist/
  • wp-includes/js/tinymce/
  • js/jquery/jquery.js

মনে রাখবেন যে বাদ দেওয়ার জন্য একটি স্ক্রিপ্ট যোগ করা শুধুমাত্র ডিফল্টরূপে সমষ্টিকে প্রভাবিত করে। বাদ দেওয়া জাভাস্ক্রিপ্ট ফাইলগুলি এখনও ছোট করা হবে যদি না "বাদ দেওয়া CSS এবং JS ফাইলগুলিকে ছোট করে" "বিবিধ বিকল্প" এর অধীনে টিক চিহ্ন না দেওয়া হয়৷

ট্রাই-ক্যাচ র‌্যাপিং যোগ করুন

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

অটোঅপ্টিমাইজ করুন: বিনামূল্যের ওয়ার্ডপ্রেস অপ্টিমাইজেশান প্লাগইন যা আপনার প্রয়োজন ছিল তা আপনি জানেন না…কিন্তু এটি আপনার সাইটকে দ্রুত করে তুলবে ⚡️এই নির্দেশিকাটি ব্যাখ্যা করে যে কেন আপনার এটি প্রয়োজন 🚀টুইট করতে ক্লিক করুন

CSS অপশন

সিএসএস অপ্টিমাইজেশান অটোঅপ্টিমাইজ করুন।
সিএসএস অপ্টিমাইজেশান অটোঅপ্টিমাইজ করুন।

সিএসএস কোড অপ্টিমাইজ করুন

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

একত্রিত CSS ফাইল

অটোঅপ্টিমাইজের "সমষ্টিগত CSS ফাইল" বিকল্পটি আপনার সমস্ত CSS ফাইলকে একক ফাইলে একত্রিত করবে। যেমনটি আমরা আগে উল্লেখ করেছি, এই বৈশিষ্ট্যটি HTTP/2 সমর্থনকারী সাইটগুলিকে উপকৃত নাও করতে পারে৷ পৃষ্ঠার গতিতে কোনো ইতিবাচক প্রভাব আছে কিনা তা নির্ধারণ করতে আমরা আপনার সাইটে এই বিকল্পটি A/B পরীক্ষা করার পরামর্শ দিই।

এছাড়াও সামগ্রিক ইনলাইন CSS

এই বিকল্পটি ইনলাইন সিএসএসকে অটোপটিমাইজের সিএসএস ফাইলে নিয়ে যাবে। একটি ব্রাউজার-ক্যাশেযোগ্য CSS ফাইলে ইনলাইন CSS সরানোর সময় পৃষ্ঠার আকার হ্রাস করতে পারে, আমরা বেশিরভাগ ক্ষেত্রে এই বিকল্পটিকে নিষ্ক্রিয় রাখার পরামর্শ দিই।

ডেটা তৈরি করুন: চিত্রগুলির জন্য ইউআরআই

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

ইনলাইন এবং ডিফার সিএসএস

সমালোচনামূলক CSS ইনলাইন করার ফলে কিছু সাইটের জন্য একটি উল্লেখযোগ্য গতি বৃদ্ধি হতে পারে। এখানে ধারণাটি হল ইনলাইন শৈলী যা "ভাঁজের উপরে" উপাদানগুলির জন্য প্রয়োজনীয়। অনুশীলনে, ইনলাইন CSS সাধারণত স্ট্রাকচারাল এলিমেন্ট, গ্লোবাল ফন্ট ফ্যামিলি এবং সাইজ এবং নেভিগেশন স্টাইলিংয়ের মতো উপাদানগুলোকে লক্ষ্য করে।

এই মূল উপাদানগুলিকে ইনলাইন করার মাধ্যমে, পৃষ্ঠার চেহারাকে প্রভাবিত না করেই পরবর্তী সময়ে বৃহত্তর সম্পূর্ণ CSS ফাইলটি লোড করা যেতে পারে। যদিও ম্যানুয়ালি সমালোচনামূলক শৈলীগুলি বের করা সম্ভব, আমরা শুরুর পয়েন্ট হিসাবে শৈলীগুলি তৈরি করতে এইরকম একটি টুল ব্যবহার করার পরামর্শ দিই।

সমালোচনামূলক CSS তৈরি করুন।
সমালোচনামূলক CSS তৈরি করুন।

সমালোচনামূলক CSS তৈরি করার পরে, এটিকে অটোঅপ্টিমাইজ সেটিংসে কপি করে পেস্ট করুন।

অটোঅপ্টিমাইজে ইনলাইন এবং ডিফার সিএসএস।
অটোঅপ্টিমাইজে ইনলাইন এবং ডিফার সিএসএস।

পরবর্তী ধাপ হল আপনার সাইটের ফ্রন্টএন্ড অভিজ্ঞতা পরীক্ষা করা। আপনি যদি আনস্টাইল না করা বিষয়বস্তুর (FOUC) কিছু অদ্ভুত ফ্ল্যাশ লক্ষ্য করেন, তাহলে আপনাকে সম্ভবত সেই আনস্টাইল করা উপাদানগুলি সনাক্ত করতে হবে এবং ইনলাইন করার জন্য অটোঅপ্টিমাইজে সংশ্লিষ্ট শৈলীগুলি যোগ করতে হবে।

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

ইনলাইন সব CSS

বেশিরভাগ সাইটের জন্য, আমরা সমস্ত CSS ইনলাইন করার সুপারিশ করি না কারণ এটি পৃষ্ঠার আকার নাটকীয়ভাবে বৃদ্ধি করতে পারে। উপরন্তু, সমস্ত CSS ইনলাইন করা ওয়েব ব্রাউজারের পক্ষে CSS ক্যাশে করা অসম্ভব করে তোলে।

অটোঅপ্টিমাইজ থেকে CSS বাদ দিন

ডিফল্টরূপে, অটোঅপ্টিমাইজ নিম্নলিখিত ডিরেক্টরি এবং CSS ফাইলগুলিকে একত্রিতকরণ থেকে বাদ দেয়৷ আপনি যদি আপনার CSS ফাইলগুলির একটিকে একত্রিত করা থেকে অটোঅপ্টিমাইজকে আটকাতে চান তবে আপনি সেগুলিকে এই তালিকায় যুক্ত করতে পারেন৷ জাভাস্ক্রিপ্ট বর্জনের মতো, এই বৈশিষ্ট্যের ডিফল্ট আচরণ CSS ফাইলগুলিকে ছোট হতে বাধা দেয় না - শুধুমাত্র একত্রিত করা হয়।

  • wp-content/cache/
  • wp-content/uploads/
  • অ্যাডমিন bar.min.css
  • dashicons.min.css

এইচটিএমএল বিকল্পসমূহ

অটোঅপ্টিমাইজের এইচটিএমএল অপ্টিমাইজেশন হোয়াইটস্পেস সরিয়ে আপনার পৃষ্ঠার আকার কমাতে সাহায্য করতে পারে।

অটোঅপ্টিমাইজে এইচটিএমএল অপ্টিমাইজেশন।
অটোঅপ্টিমাইজে এইচটিএমএল অপ্টিমাইজেশন।

HTML কোড অপ্টিমাইজ করুন

আমরা "এইচটিএমএল অপ্টিমাইজ করুন" কোড বৈশিষ্ট্যটি সক্ষম করার পরামর্শ দিই কারণ এটি আপনার HTML-এ অপ্রয়োজনীয় হোয়াইটস্পেস সরিয়ে পৃষ্ঠার আকার হ্রাস করে৷ যদিও এই বৈশিষ্ট্যটি বেশিরভাগ সাইটের সাথে সামঞ্জস্যপূর্ণ, হোয়াইটস্পেস মুছে ফেলার ফলে কিছু সাইটে সমস্যা হতে পারে। এইভাবে, আমরা একটি উত্পাদন পরিবেশে এটি ব্যবহার করার আগে পুঙ্খানুপুঙ্খভাবে HTML কোড অপ্টিমাইজেশান পরীক্ষা করার পরামর্শ দিই৷

HTML মন্তব্য রাখুন

আপনি যদি আপনার অপ্টিমাইজ করা পৃষ্ঠাগুলির জন্য HTML মন্তব্য রাখতে চান তবে এই বৈশিষ্ট্যটি সক্ষম করুন৷

সিডিএন বিকল্প

আপনি যদি একটি CDN ব্যবহার করছেন লাইক BehmasterCDN স্ট্যাটিক সম্পদ ত্বরান্বিত করতে, আপনাকে অটোঅপ্টিমাইজে CDN URL যোগ করতে হবে। আপনি যদি Cloudflare-এর মতো CDN ক্ষমতা সহ একটি প্রক্সি পরিষেবা ব্যবহার করেন, তাহলে আপনাকে Autoptimize-এর CDN বিকল্পগুলিতে কিছু কনফিগার করতে হবে না।

অটোঅপ্টিমাইজে CDN সেটিংস কনফিগার করুন।
অটোঅপ্টিমাইজে CDN সেটিংস কনফিগার করুন।

ক্যাশে তথ্য

অটোঅপ্টিমাইজের "ক্যাশে তথ্য" ক্যাশে ফোল্ডারের অবস্থান এবং অনুমতির পাশাপাশি ক্যাশে করা শৈলী এবং স্ক্রিপ্টগুলির মোট আকারের মতো গুরুত্বপূর্ণ তথ্য প্রদর্শন করে। আপনি যদি "আমরা লিখতে পারি?" এর পাশে "না" দেখতে পান, তাহলে ফোল্ডার অনুমতিগুলি ঠিক করতে আপনাকে আপনার হোস্টের সাথে কাজ করতে হবে৷

অটোঅপ্টিমাইজ ক্যাশে তথ্য.
অটোঅপ্টিমাইজ ক্যাশে তথ্য.

বিবিধ বিকল্পগুলি

অটোঅপ্টিমাইজে কয়েকটি বিবিধ অপ্টিমাইজেশান সেটিংস রয়েছে৷ আপনার সাইটে অপ্টিমাইজ করা CSS এবং JS ফাইল লোড করতে সমস্যা হলে, আপনাকে নীচের কিছু সেটিংস পুনরায় কনফিগার করতে হতে পারে।

অটোঅপ্টিমাইজে বিবিধ অপ্টিমাইজেশন।
অটোঅপ্টিমাইজে বিবিধ অপ্টিমাইজেশন।

স্ট্যাটিক ফাইল হিসাবে সমষ্টিগত স্ক্রিপ্ট/সিএসএস সংরক্ষণ করুন

আমরা স্থানীয়ভাবে স্ট্যাটিক ফাইল হিসাবে একত্রিত ফাইল সংরক্ষণ করতে এই বিকল্পটি সক্রিয় করার সুপারিশ করি৷ আপনার সার্ভারটি ফাইল কম্প্রেশন এবং মেয়াদ শেষ হওয়ার জন্য কনফিগার করা না থাকলে আপনাকে এটি নিষ্ক্রিয় করতে হতে পারে।

বাদ দেওয়া CSS এবং JS ফাইলগুলিকে ছোট করুন

সমস্ত CSS এবং JS ফাইল ছোট করা হয়েছে তা নিশ্চিত করতে আমরা এই বিকল্পটি সক্রিয় করার পরামর্শ দিই। যাইহোক, যদি আপনি আপনার কিছু বাদ দেওয়া CSS এবং JS ফাইলের সাথে কিছু মিনিফেকশন-সম্পর্কিত সমস্যা লক্ষ্য করেন, আপনি এগিয়ে যেতে পারেন এবং এই বিকল্পটি অক্ষম করতে পারেন।

এছাড়াও লগ ইন করা সম্পাদক/প্রশাসকদের জন্য অপ্টিমাইজ করুন

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

আপনার নতুন ইকমার্স ওয়েবসাইটের জন্য একটি শীর্ষস্থানীয়, দ্রুত এবং নিরাপদ হোস্টিং প্রয়োজন? Behmaster WooCommerce বিশেষজ্ঞদের কাছ থেকে জ্বলন্ত দ্রুত সার্ভার এবং 24/7 বিশ্ব-মানের সহায়তা প্রদান করে। আমাদের পরিকল্পনা দেখুন

অটোঅপ্টিমাইজে ইমেজ অপটিমাইজেশন

অটোঅপ্টিমাইজ ইমেজ অপ্টিমাইজ করার জন্য শর্টপিক্সেলের সাথে একটি অন্তর্নির্মিত ইন্টিগ্রেশন বৈশিষ্ট্য। একটি ইমেজ কোয়ালিটি সেটিং ছাড়াও, অটোঅপ্টিমাইজের ইন্টিগ্রেশন আপনাকে আপনার ইমেজের WEBP সংস্করণ তৈরি এবং পরিবেশন করতে দেয়।

জন্য Behmaster ব্যবহারকারীরা, আমরা অটোঅপ্টিমাইজে ইমেজ অপ্টিমাইজেশান বৈশিষ্ট্য ব্যবহার করার পরামর্শ দিই না। পরিবর্তে, আমরা সরাসরি ShortPixel বা Imagify থেকে সম্পূর্ণ বৈশিষ্ট্যযুক্ত প্লাগইনগুলি ব্যবহার করার পরামর্শ দিই। সম্পূর্ণ প্লাগইনের সাথে, আপনার অপ্টিমাইজেশান সেটিংসের উপর আরও দানাদার নিয়ন্ত্রণ থাকবে যার মধ্যে ব্যবহার করার জন্য চিত্রগুলি পুনর্লিখন করা ট্যাগ, যা WEBP সমর্থনের জন্য প্রয়োজনীয় Behmaster.

অটোঅপ্টিমাইজ সহ অলস-লোড ছবি।
অটোঅপ্টিমাইজ সহ অলস-লোড ছবি।

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

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

অটোঅপ্টিমাইজে অতিরিক্ত অপ্টিমাইজেশন

অটোঅপ্টিমাইজে অতিরিক্ত অপ্টিমাইজেশন।
অটোঅপ্টিমাইজে অতিরিক্ত অপ্টিমাইজেশন।

গুগল ফন্ট

অটোঅপ্টিমাইজে গুগল ফন্ট অপ্টিমাইজ করার জন্য কয়েকটি ভিন্ন বিকল্প রয়েছে। আপনার জন্য সেরা বিকল্পটি নির্ভর করবে কিভাবে আপনার সাইট Google ফন্ট ব্যবহার করে।

  • ত্যাগ করার মত.
  • গুগল ফন্ট সরান.
  • একত্রিত এবং মাথা লিঙ্ক.
  • একত্রিত করুন এবং মাথায় প্রিলোড করুন।
  • webfont.js এর সাথে অসিঙ্ক্রোনাসভাবে ফন্টগুলিকে একত্রিত করুন এবং লোড করুন৷

আমরা "যেমন আছে সেভাবে ছেড়ে দিন" বিকল্পটি ব্যবহার করার পরামর্শ দিই না কারণ এটি কোনো গতির সুবিধা দেয় না।

যদি Google ফন্ট আপনার সাইটে একটি মিশন-গুরুত্বপূর্ণ প্রয়োজনীয়তা না হয়, তবে সেগুলিকে সরিয়ে দেওয়া এবং পরিবর্তে একটি সিস্টেম ফন্ট স্ট্যাক ব্যবহার করা আপনার পৃষ্ঠার গতিতে একটি বিশাল ইতিবাচক প্রভাব ফেলতে পারে৷

আপনি যদি আপনার সাইটে Google ফন্টগুলি রাখতে চান, তাহলে আপনার সাইটের জন্য কোনটি সবচেয়ে ভাল কাজ করে তা খুঁজে বের করার জন্য আমরা শেষ তিনটি বিকল্প পরীক্ষা করার পরামর্শ দিই।

Emojis সরান

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

স্ট্যাটিক রিসোর্স থেকে কোয়েরি স্ট্রিংগুলি সরান

আপনি যদি স্ট্যাটিক রিসোর্স থেকে কোয়েরি স্ট্রিং (যেমন ? ver=) অপসারণ করতে চান, আপনি এই বিকল্পটি সক্রিয় করতে পারেন। ক্যোয়ারী স্ট্রিংগুলি অপসারণ লোডের সময়কে প্রভাবিত করবে না, তবে এটি GTmetrix, Google Pagespeed এবং অন্যান্য কর্মক্ষমতা পরীক্ষার পরিষেবাগুলিতে আপনার সাইটের স্কোর উন্নত করতে সাহায্য করতে পারে৷

3য় পক্ষের ডোমেনের সাথে প্রি-কানেক্ট করুন

প্রি-কানেক্ট নির্দেশিকা আপনার ব্রাউজারকে একটি সম্পূর্ণ HTTP অনুরোধ পাঠানোর আগে DNS লুকআপ এবং SSL হ্যান্ডশেক আলোচনা প্রক্রিয়া করার জন্য নির্দিষ্ট ডোমেনে সংযোগ করার অনুমতি দেয়।

উদাহরণস্বরূপ, যদি আপনার সাইটে একটি লোগো ছবি থাকে যা থেকে পরিবেশিত হয় https://site.behmaster.cdn.com/logo.png, আপনি প্রাথমিক DNS এবং SSL সংযোগগুলি পরিচালনা করার জন্য একটি প্রি-কানেক্ট নির্দেশিকা যোগ করার জন্য অটোঅপ্টিমাইজকে নির্দেশ দিতে পারেন HTTP অনুরোধের আগে উপাদান আপনার HTML এর উপাদান।

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

  • https://cdn.brianli.com
  • https://www.google-analytics.com
  • https://www.googletagmanager.com

এই তিনটি ডোমেন অটোপটিমাইজের প্রি-কানেক্ট তালিকায় যোগ করা যেতে পারে।

ডেভেলপার টুলের সাহায্যে বাহ্যিক সম্পদ খুঁজুন।
ডেভেলপার টুলের সাহায্যে বাহ্যিক সম্পদ খুঁজুন।

পারফরম্যান্সের কারণে, আমরা অটোঅপ্টিমাইজের প্রি-কানেক্ট তালিকায় ছয়টির বেশি ডোমেন যোগ না করার পরামর্শ দিই কারণ অনেকগুলি ডোমেনের জন্য প্রি-কানেক্ট নির্দেশিকা নির্দিষ্ট করার ফলে পারফরম্যান্স হিট হতে পারে।

প্রিলোড নির্দিষ্ট অনুরোধ

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

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

অ্যাসিঙ্ক জাভাস্ক্রিপ্ট ফাইল

অটোঅপ্টিমাইজের "অসিঙ্ক জাভাস্ক্রিপ্ট ফাইল" বৈশিষ্ট্য আপনাকে নির্দিষ্ট বাহ্যিক জাভাস্ক্রিপ্ট ফাইলগুলিকে নির্দিষ্ট করার অনুমতি দেয় যাতে অ্যাসিঙ্ক্রোনাসভাবে লোড হয় async এইচটিএমএল পতাকা। অ্যাসিঙ্ক্রোনাসভাবে JS ফাইলগুলি লোড করা পৃষ্ঠার গতি উন্নত করতে পারে, আমরা নিশ্চিত করার জন্য পর্যাপ্ত পরীক্ষা করার পরামর্শ দিই যে কোনও সাইটের কার্যকারিতা প্রভাবিত না হয়।

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

সারাংশ

আপনি যদি এটির সেটিংস পরিবর্তন করতে জানেন তবে, অটোঅপ্টিমাইজ প্লাগইনটি ওয়ার্ডপ্রেস ব্যবহারকারীদের জন্য একটি কঠিন বিকল্প যা সাইটের কার্যকারিতা বাড়াতে চায়।

এইচটিএমএল এবং সিএসএস অপ্টিমাইজেশানের মতো মৌলিক বৈশিষ্ট্য এবং আরও উন্নত বৈশিষ্ট্যগুলির সাথে, যেমন CDN ইন্টিগ্রেশন এবং প্রি-কানেক্ট এবং প্রিলোড নির্দেশাবলী নির্দিষ্ট করার ক্ষমতা, অটোঅপ্টিমাইজে আপনার ওয়ার্ডপ্রেস সাইটের ফ্রন্টএন্ড পারফরম্যান্স অপ্টিমাইজ করার জন্য প্রয়োজনীয় সমস্ত কিছু রয়েছে৷

আপনি যদি ওয়ার্ডপ্রেস অপ্টিমাইজেশান সম্পর্কে আরও জানতে আগ্রহী হন এবং কীভাবে আপনার সাইটের ব্যাকএন্ড অপ্টিমাইজ করবেন, আমাদের ব্যাপক ওয়ার্ডপ্রেস পারফরম্যান্স গাইডটি দেখতে ভুলবেন না।

সম্পরকিত প্রবন্ধ

0 মন্তব্য
ইনলাইন প্রতিক্রিয়া
সমস্ত মন্তব্য দেখুন
শীর্ষ বোতামে ফিরে যান