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

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

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

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

চেকআউট: শীর্ষ 7 পরিচালিত গুগল ক্লাউড ওয়ার্ডপ্রেস হোস্টিং

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

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

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

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

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

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

চেকআউট: শীর্ষ 10 দ্রুততম এবং সেরা ওয়ার্ডপ্রেস থিম 

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

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

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

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

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

আপনার ক্রোম ব্রাউজারে, Chrome Dev টুল খুলুন তারপর কভারেজ এ যান। তারপর কভারেজ এলাকার ভিতরে রিলোড বোতামে ক্লিক করুন। আপনি একটি খুঁজে পেতে পারেন Google Developers টুলে কিভাবে এটি করতে হয় তার ব্যাপক নির্দেশিকা.

অন্য বিকল্প ব্যবহার করা হয় অব্যবহৃত CSS নির্বাচকদের জন্য স্ক্যান করতে jitbit। আপনি ব্যবহার করতে পারেন পিউরিফাইসিএসএস অব্যবহৃত CSS খুঁজতে

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

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

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

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

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

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

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

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

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

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

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

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

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

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

অ্যাসেট ক্লিনআপ: পেজ স্পিড বুস্টার এমনকি নতুনদের জন্য অব্যবহৃত CSS এবং JSin WordPress অপসারণ করা সহজ করে তোলে। আপনাকে যা করতে হবে তা হল একটি নির্দিষ্ট CSS নিষ্ক্রিয় করা যা একটি নির্দিষ্ট পৃষ্ঠার জন্য প্রয়োজন হয় না।

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

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

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

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

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

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

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

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

3। Perfmatters

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

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

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

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

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

সিএসএস জেএস ম্যানেজার মোবাইল বা ডেস্কটপ থেকে বিশেষভাবে CSS বা JS সরাতে পারে। আপনি কি অর্জন করতে চান তার উপর নির্ভর করে।

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

উপসংহার

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

সমস্ত অব্যবহৃত সিএসএস অপসারণ করা অসম্ভব হতে পারে তবে আপনি সেগুলিকে সর্বনিম্ন আনতে পারেন। আমি এর জন্য অব্যবহৃত CSS সরাতে অ্যাসেট ক্লিনআপ ব্যবহার করি টার্গেট ট্রেন্ড.

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

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

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

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

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