কিভাবে ওয়ার্ডপ্রেসে অব্যবহৃত CSS এবং JS অপসারণ করবেন (খুব সহজ)

আপনার ওয়েবসাইটে প্রচুর পরিমাণে অব্যবহৃত CSS এবং JS থাকলে তা ওয়েবসাইটের লোড টাইম কমিয়ে দিতে পারে। আপনি যদি Google PageSpeed ​​Insight- এর মতো কোনো স্পিড টেস্টিং টুলের মাধ্যমে আপনার ওয়েবসাইটটি পরীক্ষা করেন , তাহলে অব্যবহৃত CSS সরিয়ে ফেলার জন্য একটি সতর্কবার্তা পেতে পারেন।

সৌভাগ্যক্রমে, এটি করার একটি খুব সহজ উপায় আছে। আপনার ওয়ার্ডপ্রেস সাইট থেকে অব্যবহৃত CSS এবং JS সরাতে সক্ষম হওয়ার জন্য আপনার কোন বিশেষ প্রযুক্তিগত জ্ঞানের প্রয়োজন নেই।

এর কারণ হলো অ্যাসেট ক্লিনআপ: পেজ স্পিড বুস্টার (Asset CleanUp: Page Speed ​​Booster ) নামক একটি চমৎকার প্লাগইন । এই প্লাগইনটির সাহায্যে কয়েকটি বোতামে ক্লিক করার মতোই সহজে অব্যবহৃত CSS মুছে ফেলা যায়। বিকল্পভাবে, যদি আপনি বছরে কিছু টাকা খরচ করতে আপত্তি না করেন, তবে WP Rocket- এ একটি অব্যবহৃত CSS মুছে ফেলার বোতাম রয়েছে; শুধু সেটি সক্রিয় করুন এবং প্লাগইনটি স্বয়ংক্রিয়ভাবে সমস্ত অব্যবহৃত CSS মুছে ফেলবে।

দেখে নিন: সেরা ৭টি পরিচালিত গুগল ক্লাউড ওয়ার্ডপ্রেস হোস্টিং

অব্যবহৃত CSS কি?

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

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

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

প্লাগইনগুলি ছাড়াও, থিম বিকাশকারীরা style.css-এ অনেক কিছু লেখে যা বেশিরভাগই প্রয়োজন হয় না। কিন্তু প্রয়োজন হোক বা না হোক, যখনই আপনার সাইট লোড হয় তখনই তারা লোড হয়!

একটি অব্যবহৃত সিএসএস একটি সমস্যা নাও হতে পারে তবে প্রচুর অব্যবহৃত সিএসএস আপনার ওয়েবসাইটের লোড সময়কে প্রভাবিত করতে পারে।

দেখে নিন: ১০টি দ্রুততম ও সেরা ওয়ার্ডপ্রেস থিম

কিভাবে অব্যবহৃত CSS সনাক্ত করতে হয়

অব্যবহৃত CSS এবং JS খুঁজে পাওয়া খুব সহজ কাজ। আমি সুপারিশ করব যে দুটি পন্থা আছে.

একটি হল Google PageSpeed ​​Insight এর মাধ্যমে আপনার ওয়েবসাইট বিশ্লেষণ করা। আপনার ওয়েবসাইটে একটি অব্যবহৃত CSS সমস্যা আছে কিনা তা পরীক্ষা করুন। এটিতে ক্লিক করুন এবং আপনি এটির জন্য দায়ী আপনার সাইটের উপাদান সনাক্ত করতে সক্ষম হবেন।

আপনি উপরে থেকে দেখতে পারেন যে একটি অব্যবহৃত CSS রেকর্ড করা হয়েছে। আমি এটি দেখে অব্যবহৃত CSS এর প্লাগইন এবং অবস্থান দেখতে সক্ষম।

দ্বিতীয় বিকল্প একটি আরো বিস্তারিত বিশ্লেষণ পেতে হয়. আপনি Chrome Dev টুল ব্যবহার করে এটি অর্জন করতে পারেন।

আপনার ক্রোম ব্রাউজারে, ক্রোম ডেভ টুলস খুলুন এবং কভারেজে যান। এরপর কভারেজ এলাকার ভেতরে থাকা রিলোড বোতামে ক্লিক করুন। কীভাবে এটি করতে হয়, তার একটি বিস্তারিত নির্দেশিকা আপনি গুগল ডেভেলপারস টুলে খুঁজে পেতে পারেন ।

আরেকটি উপায় হলো অব্যবহৃত CSS সিলেক্টর স্ক্যান করার জন্য jitbit ব্যবহার করা । এছাড়াও আপনি অব্যবহৃত CSS খুঁজে বের করতে PurifyCSS ব্যবহার করতে পারেন।

কিভাবে অব্যবহৃত CSS মুছে ফেলা যায়

ওয়ার্ডপ্রেস থেকে অব্যবহৃত CSS সরাতে এই পদক্ষেপগুলি অনুসরণ করুন:

1. অ্যাসেট ক্লিনআপ ইনস্টল করুন

প্লাগইন এ যান তারপর নতুন যোগ করুন। তারপরে আপনি নতুন প্লাগইন যুক্ত পৃষ্ঠার অনুসন্ধান বাক্সে "সম্পদ পরিষ্কার" টাইপ করুন। প্লাগইনটি ইনস্টল এবং সক্রিয় করুন।

2. প্লাগইন সেটিংসে যান

প্লাগইন সেটিংস অ্যাক্সেস করতে, ওয়ার্ডপ্রেস ডাসবোর্ড থেকে সেটিংসে ক্লিক করুন তারপরে অ্যাসেট ক্লিনআপে ক্লিক করুন।

3. অবাঞ্ছিত CSS এবং JS আনলোড করুন

প্লাগইন সেটিংসে, আপনি শুরু করার আগে আপনাকে স্বীকার করতে হবে যে প্লাগইনটি স্ট্রিপিং ফ্যাট ট্যাপের অধীনে কীভাবে কাজ করে তা আপনি জানেন।

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

একটি উদাহরণ হল আমাদের সাথে যোগাযোগ করুন পৃষ্ঠা ব্যতীত সমগ্র সাইটের জন্য লোড হওয়া থেকে যেকোনো যোগাযোগ ফর্ম আনলোড করা

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

অব্যবহৃত CSS ওয়ার্ডপ্রেস প্লাগইনগুলি সরান

ওয়ার্ডপ্রেসে অব্যবহৃত CSS সরাতে আপনি এখানে কিছু প্লাগইন ব্যবহার করতে পারেন:

1. অ্যাসেট ক্লিনআপ: পেজ স্পিড বুস্টার

অ্যাসেট ক্লিনআপ: পেজ স্পিড বুস্টার নতুনদের জন্যও ওয়ার্ডপ্রেস থেকে অব্যবহৃত CSS এবং JS মুছে ফেলা সহজ করে তোলে। এর জন্য আপনাকে শুধু একটি নির্দিষ্ট পেজের জন্য অপ্রয়োজনীয় CSS কোডটি নিষ্ক্রিয় করতে হবে।

আপনি একা পৃথক পোস্টের জন্য নিষ্ক্রিয় করতে পারেন। প্রিমিয়াম সংস্করণের সাথে, আপনি প্লাগইন দ্বারা অব্যবহৃত CSS/JS নিষ্ক্রিয় করতে পারেন।

এই প্লাগইনটি ওয়ার্ডপ্রেসের গতি বাড়ানোর জন্য অন্যান্য অনেক বিকল্প সহ একটি সম্পূর্ণ পারফরম্যান্স প্লাগইন। অব্যবহৃত CSS/JS অপসারণ করা এটির একটি অংশ মাত্র।

এই পোস্টে, আমি এই প্লাগইন ব্যবহার করে একটি গাইড আছে.

2। ডাব্লু রকেট

WP Rocket হলো ওয়ার্ডপ্রেসের এক নম্বর প্রিমিয়াম পারফরম্যান্স প্লাগইন। আপনি যদি নতুন হন, অর্থাৎ ওয়ার্ডপ্রেসে অভিজ্ঞ বা স্বচ্ছন্দ না হন, তাহলে অব্যবহৃত CSS কোড মুছে ফেলার জন্য WP Rocket হলো সবচেয়ে সহজ উপায়।

আপনাকে প্লাগইনটি কিনতে হবে, একবার এটি করার পরে, আপনি এটি আপনার অ্যাকাউন্ট থেকে ডাউনলোড করতে পারেন অথবা ডাউনলোড লিঙ্কের জন্য আপনার ইমেলটি পরীক্ষা করতে পারেন।

ড্যাশবোর্ড>প্লাগইন>নতুন যোগ করুন>আপলোডের মাধ্যমে প্লাগইনটি ইনস্টল করুন।

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

3। Perfmatters

পারফম্যাটার্স হলো ব্রায়ান জ্যাকসন এবং তার ভাই ব্রেট জ্যাকসনের তৈরি একটি প্রিমিয়াম প্লাগইন। এই প্লাগইনটি খুব সহজে অব্যবহৃত CSS মুছে ফেলতে সাহায্য করে।

প্রথমত, আপনাকে প্লাগইন কিনতে হবে। তারপর ইন্সটল করুন। লাইসেন্স সক্রিয় করুন। আপনি সেটিংসে নেভিগেট করার সময়, স্ক্রিপ্ট ম্যানেজার চালু করুন।

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

এই প্লাগইনটি একটি পারফরম্যান্স প্লাগইন, ওয়ার্ডপ্রেসের গতি বাড়ানোর জন্য অন্যান্য অনেক বিকল্পের সাথে আসে। অব্যবহৃত CSS/JS অপসারণ করা এটির একটি অংশ।

4. CSS JS ম্যানেজার

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

এই প্লাগইনটি CSS বা JS ফাইলের লোডিংও পিছিয়ে দিতে পারে।

উপসংহার

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

সমস্ত অব্যবহৃত CSS মুছে ফেলা হয়তো অসম্ভব, কিন্তু আপনি সেগুলোকে ন্যূনতম পর্যায়ে নামিয়ে আনতে পারেন। আমি TargetTrend- এর অব্যবহৃত CSS মুছে ফেলার জন্য Asset CleanUp ব্যবহার করি ।

মনে রাখবেন, অপ্টিমাইজ করুন কিন্তু এ নিয়ে অতিরিক্ত বাড়াবাড়ি করবেন না, যদি না আপনি আপনার সাইটকে বিশ্বের দ্রুততম ওয়েবসাইটের মতো দেখতে চান ।

এছাড়াও পড়ুন:

কিভাবে ওয়ার্ডপ্রেসে রেন্ডার-ব্লকিং রিসোর্স দূর করবেন

কিভাবে খুব দ্রুত ওয়ার্ডপ্রেস করা যায়

কিভাবে আপনার ব্লগে ট্রাফিক চালাবেন