CSS মিনিফায়ার
CSS মিনিফায়ার দিয়ে, আপনি CSS শৈলী ফাইলগুলিকে ছোট করতে পারেন। CSS কম্প্রেসার দিয়ে, আপনি সহজেই আপনার ওয়েব সাইটগুলির গতি বাড়াতে পারেন।
CSS মিনিফায়ার কি?
CSS মিনিফায়ারের লক্ষ্য হল ওয়েবসাইটগুলিতে CSS ফাইলগুলি সঙ্কুচিত করা। এই ধারণাটি, যা একটি ইংরেজি সমতুল্য (সিএসএস মিনিফায়ার) হিসাবে ব্যবহৃত হয়, সিএসএস ফাইলগুলিতে একটি ব্যবস্থা অন্তর্ভুক্ত করে। যখন CSS প্রস্তুত করা হয়, তখন মূল লক্ষ্য হল ওয়েব সাইট অ্যাডমিনিস্ট্রেটর বা কোডারদের লাইনগুলো সঠিকভাবে বিশ্লেষণ করা। অতএব, এটি অনেকগুলি লাইন নিয়ে গঠিত। এই লাইনগুলির মধ্যে অপ্রয়োজনীয় মন্তব্য লাইন এবং স্পেস রয়েছে। এই কারণে CSS ফাইলগুলি অনেক লম্বা হয়ে যায়। এই সমস্ত সমস্যা CSS মিনিফায়ার দিয়ে দূর করা হয়।
CSS মিনিফায়ার কি করে?
CSS ফাইলে করা পরিবর্তনের সাথে সাথে; মাত্রা হ্রাস করা হয়, অপ্রয়োজনীয় লাইন মুছে ফেলা হয়, অপ্রয়োজনীয় মন্তব্য লাইন এবং স্পেস মুছে ফেলা হয়। তাছাড়া, সিএসএস-এ একাধিক কোড অন্তর্ভুক্ত থাকলে এই কোডগুলিও মুছে ফেলা হয়।
এই ক্রিয়াকলাপগুলির জন্য বিভিন্ন প্লাগ-ইন এবং অ্যাপ্লিকেশন রয়েছে যা বেশিরভাগ ব্যবহারকারী ম্যানুয়ালি সম্পাদন করতে পারে। বিশেষত যারা ওয়ার্ডপ্রেস সিস্টেম ব্যবহার করেন তাদের জন্য, এই প্রক্রিয়াগুলি প্লাগইনগুলির সাথে স্বয়ংক্রিয় হতে পারে। এইভাবে, ভুল করার সম্ভাবনা বাদ দেওয়া হয় এবং আরও কার্যকর ফলাফল প্রাপ্ত হয়।
যারা CSS এর জন্য ওয়ার্ডপ্রেস ব্যবহার করেন না বা বিদ্যমান প্লাগইন পছন্দ করতে চান না তারাও অনলাইন টুল ব্যবহার করতে পারেন। ইন্টারনেটের মাধ্যমে অনলাইন টুলগুলিতে CSS ডাউনলোড করার মাধ্যমে, CSS-এ বিদ্যমান ফাইলগুলি পরিবর্তন করে হ্রাস করা হয়। সমস্ত প্রক্রিয়া শেষ হওয়ার পরে, বিদ্যমান CSS ফাইলগুলি ডাউনলোড করে ওয়েবসাইটে আপলোড করা যথেষ্ট। এইভাবে, CSS Minify বা সঙ্কুচিত করার মতো ক্রিয়াকলাপগুলি সফলভাবে সম্পন্ন হবে, এবং সাইটের জন্য CSS-এর মাধ্যমে অভিজ্ঞতা হতে পারে এমন সমস্ত সম্ভাব্য সমস্যা দূর করা হবে।
কেন আপনি আপনার CSS ফাইল সঙ্কুচিত করা উচিত?
একটি দ্রুত ওয়েবসাইট থাকা শুধুমাত্র Google কে খুশি করে না, এটি আপনার ওয়েবসাইটকে অনুসন্ধানে উচ্চতর র্যাঙ্কে সহায়তা করে এবং আপনার সাইটের দর্শকদের জন্য আরও ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদান করে৷
মনে রাখবেন, 40% লোক আপনার হোমপেজ লোড হওয়ার জন্য 3 সেকেন্ডের জন্যও অপেক্ষা করে না এবং Google সর্বাধিক 2-3 সেকেন্ডের মধ্যে সাইট লোড করার পরামর্শ দেয়৷
CSS মিনিফায়ার টুল দিয়ে কম্প্রেস করার অনেক সুবিধা আছে;
- ছোট ফাইল মানে আপনার সাইটের সামগ্রিক ডাউনলোডের আকার কমে গেছে।
- সাইটের দর্শকরা আপনার পৃষ্ঠাগুলি দ্রুত লোড এবং অ্যাক্সেস করতে পারে।
- সাইট ভিজিটররা বড় ফাইল ডাউনলোড না করেই একই ব্যবহারকারীর অভিজ্ঞতা পান।
- সাইটের মালিকরা কম ব্যান্ডউইথ খরচ অনুভব করেন কারণ নেটওয়ার্কে কম ডেটা প্রেরণ করা হয়।
কিভাবে CSS মিনিফায়ার কাজ করে?
আপনার সাইটের ফাইলগুলি সঙ্কুচিত করার আগে তাদের ব্যাকআপ নেওয়া একটি ভাল ধারণা৷ এমনকি আপনি এটিকে আরও এক ধাপ এগিয়ে নিতে পারেন এবং একটি ট্রায়াল সাইটে আপনার ফাইলগুলি সঙ্কুচিত করতে পারেন। এইভাবে আপনি আপনার লাইভ সাইটে পরিবর্তন করার আগে সবকিছু ঠিকঠাক আছে কিনা তা নিশ্চিত করুন।
আপনার ফাইলগুলি সঙ্কুচিত করার আগে এবং পরে আপনার পৃষ্ঠার গতির তুলনা করাও গুরুত্বপূর্ণ যাতে আপনি ফলাফলগুলি তুলনা করতে পারেন এবং দেখতে পারেন যে সঙ্কুচিত হওয়ার কোনও প্রভাব আছে কিনা৷
আপনি GTmetrix, Google PageSpeed Insights এবং YSlow, একটি ওপেন সোর্স পারফরম্যান্স টেস্টিং টুল ব্যবহার করে আপনার পৃষ্ঠার গতির কর্মক্ষমতা বিশ্লেষণ করতে পারেন।
এখন দেখা যাক কিভাবে রিডাকশন প্রসেস করতে হয়;
1. ম্যানুয়াল CSS মিনিফায়ার
ফাইলগুলিকে ম্যানুয়ালি সঙ্কুচিত করার জন্য একটি উল্লেখযোগ্য পরিমাণ সময় এবং প্রচেষ্টা লাগে৷ তাহলে কি আপনার কাছে ফাইল থেকে পৃথক স্পেস, লাইন এবং অপ্রয়োজনীয় কোড মুছে ফেলার সময় আছে? সম্ভবত না. সময়ের পাশাপাশি, এই হ্রাস প্রক্রিয়াটি মানুষের ভুলের জন্য আরও জায়গা প্রদান করে। অতএব, ফাইল সঙ্কুচিত করার জন্য এই পদ্ধতিটি সুপারিশ করা হয় না। সৌভাগ্যবশত, অনেক বিনামূল্যের অনলাইন মিনিফিকেশন টুল রয়েছে যা আপনাকে আপনার সাইট থেকে কোড কপি এবং পেস্ট করতে দেয়।
CSS মিনিফায়ার হল CSS ছোট করার জন্য একটি বিনামূল্যের অনলাইন টুল। আপনি যখন "ইনপুট CSS" টেক্সট ফিল্ডে কোডটি কপি এবং পেস্ট করেন, তখন টুলটি CSS কে ছোট করে। একটি ফাইল হিসাবে মিনিফাইড আউটপুট ডাউনলোড করার বিকল্প আছে। বিকাশকারীদের জন্য, এই টুলটি একটি API প্রদান করে।
JSCcompress , JSCcompress হল একটি অনলাইন জাভাস্ক্রিপ্ট কম্প্রেসার যা আপনাকে আপনার JS ফাইলগুলিকে তাদের আসল আকারের 80% পর্যন্ত কমপ্রেস করতে এবং কমাতে দেয়৷ আপনার কোড কপি এবং পেস্ট করুন বা আপলোড করুন এবং ব্যবহার করার জন্য একাধিক ফাইল একত্রিত করুন। তারপরে "Compress JavaScript - কম্প্রেস জাভাস্ক্রিপ্ট" এ ক্লিক করুন।
2. পিএইচপি প্লাগইন সহ সিএসএস মিনিফায়ার
কিছু দুর্দান্ত প্লাগইন রয়েছে, বিনামূল্যে এবং প্রিমিয়াম উভয়ই, যা ম্যানুয়াল পদক্ষেপগুলি না করেই আপনার ফাইলগুলিকে সঙ্কুচিত করতে পারে।
- একত্রিত করা,
- ছোট করা,
- রিফ্রেশ
- ওয়ার্ডপ্রেস প্লাগইনস।
এই প্লাগইনটি আপনার কোড ছোট করার চেয়ে আরও বেশি কিছু করে। এটি আপনার CSS এবং JavaScript ফাইলগুলিকে একত্রিত করে এবং তারপর Minify (CSS এর জন্য) এবং Google Closure (JavaScript এর জন্য) ব্যবহার করে তৈরি করা ফাইলগুলিকে ছোট করে। Minification WP-Cron এর মাধ্যমে করা হয় যাতে এটি আপনার সাইটের গতিকে প্রভাবিত না করে। যখন আপনার CSS বা JS ফাইলগুলির বিষয়বস্তু পরিবর্তিত হয়, তখন সেগুলি পুনরায় রেন্ডার করা হয় যাতে আপনাকে আপনার ক্যাশে খালি করতে হবে না।
JCH Optimize- এর একটি বিনামূল্যের প্লাগইনের জন্য বেশ কিছু ভালো বৈশিষ্ট্য রয়েছে: এটি CSS এবং JavaScriptকে একত্রিত করে এবং ছোট করে, HTML কে ছোট করে, ফাইলগুলিকে একত্রিত করার জন্য GZip কম্প্রেশন প্রদান করে এবং ব্যাকগ্রাউন্ড ইমেজের জন্য স্প্রাইট রেন্ডারিং প্রদান করে।
CSS Minify , CSS Minify দিয়ে আপনার CSS ছোট করার জন্য আপনাকে শুধুমাত্র ইনস্টল এবং সক্রিয় করতে হবে। সেটিংস > CSS Minify-এ যান এবং শুধুমাত্র একটি বিকল্প সক্রিয় করুন: CSS কোড অপ্টিমাইজ এবং মিনিফাইজ করুন।
ফাস্ট ভেলোসিটি মিনিফাই 20,000 এরও বেশি সক্রিয় ইনস্টল এবং একটি পাঁচ-তারা রেটিং সহ, দ্রুত গতি মিনিফাই ফাইল সঙ্কুচিত করার জন্য উপলব্ধ সবচেয়ে জনপ্রিয় বিকল্পগুলির মধ্যে একটি। এটি ব্যবহার করার জন্য, আপনাকে শুধুমাত্র ইনস্টল এবং সক্রিয় করতে হবে।
সেটিংস > ফাস্ট ভেলোসিটি মিনিফাই-এ যান। এখানে আপনি প্লাগইন কনফিগার করার জন্য অনেকগুলি বিকল্প পাবেন, যার মধ্যে উন্নত জাভাস্ক্রিপ্ট এবং বিকাশকারীদের জন্য CSS বর্জন, CDN বিকল্প এবং সার্ভারের তথ্য রয়েছে৷ ডিফল্ট সেটিংস বেশিরভাগ সাইটের জন্য ভাল কাজ করে।
প্লাগইনটি বাস্তব সময়ে ফ্রন্টএন্ডে সঙ্কুচিত হয় এবং শুধুমাত্র প্রথম নন-ক্যাশেড অনুরোধের সময়। প্রথম অনুরোধটি প্রক্রিয়া করার পরে, একই স্ট্যাটিক ক্যাশে ফাইল অন্যান্য পৃষ্ঠাগুলিতে পরিবেশন করা হয় যার জন্য CSS এবং JavaScript এর একই সেট প্রয়োজন।
3. ওয়ার্ডপ্রেস প্লাগইন সহ CSS মিনিফায়ার
CSS মিনিফায়ার হল একটি আদর্শ বৈশিষ্ট্য যা আপনি সাধারণত ক্যাশিং প্লাগইনগুলিতে পাবেন।
- WP রকেট,
- W3 মোট ক্যাশে,
- WP সুপারক্যাশ,
- WP দ্রুততম ক্যাশে।
আমরা আশা করি যে আমরা উপরে যে সমাধানগুলি উপস্থাপন করেছি তা আপনাকে কীভাবে CSS মিনিফায়ার করতে হয় সে সম্পর্কে আলোকিত করেছে এবং আপনি কীভাবে এটি আপনার ওয়েবসাইটে প্রয়োগ করতে পারেন তা বুঝতে পারেন। আপনি যদি এটি আগে করে থাকেন তবে আপনার ওয়েবসাইটকে দ্রুততর করতে আপনি অন্য কোন পদ্ধতি ব্যবহার করেছেন? Softmedal-এ মন্তব্য বিভাগে আমাদের লিখুন, আমাদের বিষয়বস্তু উন্নত করতে আপনার অভিজ্ঞতা এবং পরামর্শ শেয়ার করতে ভুলবেন না।