এটি একটি সম্পূর্ণ বিনামূল্যের অনলাইন টুল যা CSS কোড কমপ্রেস করার জন্য CSS কোড ছোট করুন
এটি ব্রাউজার দ্বারা প্রয়োজনীয় নয় এমন CSS ফাইল থেকে সমস্ত অপ্রয়োজনীয় মন্তব্য (একক এবং ডবল লাইন উভয় মন্তব্য) সরিয়ে দেয়।
এই টুলটি সহজেই আমাদের CSS কোড অপ্টিমাইজ করতে সাহায্য করে।
কিভাবে CSS ফাইল কম্প্রেস করবেন?
অনলাইনে (বিনামূল্যে) CSS ফাইল কম্প্রেস করার জন্য ধাপগুলি অনুসরণ করুন:
Step #1: CSS কোড কপি করুন
আপনার টেক্সট এডিটর খুলুন (ভিএস কোড, অ্যাটম, নোটপ্যাড ইত্যাদি) এবং সিএসএস স্টাইলশীটটি খুঁজুন যা আপনি সংকুচিত বা ছোট করতে চান।
স্টাইলশীটটি নির্বাচন করুন Ctrl+A (বা Cmd+A) টিপে যদি আপনি এটির সমস্ত নির্বাচন করতে চান বা ম্যানুয়ালি নির্বাচন করতে চান যদি আপনি কোডের শুধুমাত্র অংশ সংকুচিত করতে চান।
Ctrl+C (যদি আপনি একটি উইন্ডোজ কম্পিউটার ব্যবহার করেন) অথবা Cmd+C (যদি আপনি ম্যাকে থাকেন) ব্যবহার করে কোড কপি করুন।
Step #2: CSS কোড কম্প্রেস করুন
"Input CSS" টেক্সটেরিয়ার ভিতরে কপি করা CSS কোড পেস্ট করুন।
এবং কম্প্রেস বাটনে ক্লিক করুন।
কোডটি স্বয়ংক্রিয়ভাবে ছোট হয়ে যায় এবং স্ক্রীনটি "Compressed CSS" বিভাগে স্ক্রোল করে।
সমস্ত অতিরিক্ত স্পেস, লাইন ব্রেক এবং মন্তব্য কোড দ্বারা মুছে ফেলা হবে।
এই CSS কম্প্রেসারের কোন সীমা নেই তাই আপনি যতবার চান আপনার CSS ফাইলগুলিকে অপ্টিমাইজ করতে পারেন।
Step #3: কম্প্রেসড CSS কপি করুন
কোডটি সংকুচিত হয়ে গেলে, স্ক্রীনটি স্বয়ংক্রিয়ভাবে সংকুচিত বিভাগে স্ক্রোল করে।
সমস্ত সংকুচিত কোড কপি করতে অনুলিপি বোতামে ক্লিক করুন।
এখন আপনি আসল কোডবেসের ভিতরে মিনিফাইড স্টাইলশীট কোড পেস্ট করতে পারেন।
CSS কি?
CSS হল একটি স্টাইলশীট ভাষা যা পৃষ্ঠার মার্কআপ স্টাইল করতে HTML এর সাথে ব্যবহার করা হয়।
CSS মানে Cascading Style Sheet
ওয়েবপৃষ্ঠার উপাদানগুলি কেমন হওয়া উচিত তা বর্ণনা করতে এই ভাষাটি ব্যবহার করা হয়।
আমরা CSS ব্যবহার করি রঙ, প্যাডিং, মার্জিন, ব্যাকগ্রাউন্ড ইত্যাদি এবং পৃষ্ঠার সামগ্রিক চেহারা এবং অনুভূতি সেট করতে।
এটি আমাদের HTML উপাদানগুলিকে আরও স্টাইলিশ এবং পেশাদার দেখায়৷ ইন্টারনেটে প্রতিটি ওয়েবসাইটের জন্য
CSS আবশ্যক। ওয়েবসাইটে একটি পেশাদার শৈলী ব্যবহারকারীর ধারণ বাড়াতে পারে এবং এইভাবে গুগলকে ইতিবাচক সংকেত পাঠাতে পারে।
CSS "স্টাইল ট্যাগ" ব্যবহার করে HTML এর ভিতরে ব্যবহার করা যেতে পারে কিন্তু বেশিরভাগ ডেভেলপাররা তাদের ওয়েবসাইট ডিজাইন এবং স্টাইল করার জন্য বাহ্যিক স্টাইলশীট ব্যবহার করতে পছন্দ করে।
এক্সটার্নাল স্টাইল শীটের শেষে একটি .css এক্সটেনশন থাকে।
CSS Compression কি?
হল সেই কৌশল যার মাধ্যমে আমরা আমাদের CSS ফাইলগুলি থেকে সমস্ত অতিরিক্ত স্পেস, লাইন ব্রেক এবং মন্তব্যগুলি সরিয়ে ফেলি।
ব্রাউজার এই 3টি জিনিস রেন্ডার করে না - লাইন ব্রেক, অতিরিক্ত স্পেস এবং আমাদের ওয়েবসাইট থেকে মন্তব্য।
সুতরাং, যদি আমরা এখনও আমাদের স্টাইলশিটের মধ্যে সেই জিনিসগুলি রাখি, তাহলে এটি একটি বড় ফাইলের আকারের দিকে নিয়ে যাবে যা একটি ফ্যাক্টর হতে পারে যা আমাদের পৃষ্ঠার গতিকে প্রভাবিত করে এবং এইভাবে SEO র্যাঙ্কিং উন্নত করে।
সুতরাং, আপনি যদি অনলাইনে আপনার CSS স্টাইলশীটগুলিকে ছোট করতে চান, অপ্টিমাইজ করতে চান, আপনি আমাদের বিনামূল্যের CSS মিনফায়ার টুল ব্যবহার করতে পারেন।
Minified CSS কি দ্রুত?
হ্যাঁ, minified CSS দ্রুততর কারণ এতে কোনো অপ্রয়োজনীয় কোডের লাইন নেই যা ব্রাউজার দ্বারা রেন্ডার করা হয় না।
ব্রাউজারটি ছোট করা হয়নি এমন CSS ফাইলগুলির তুলনায় দ্রুততর সিএসএস প্রক্রিয়া করে (এতে এমন সমস্ত জিনিস রয়েছে যা ব্রাউজার দ্বারা রেন্ডার করা হয় না এবং এইভাবে একটি বড় ফাইলের আকার রয়েছে)।
কেন মানুষ কোড ছোট করবেন?
মিনিফাইং কোডের অনেক সুবিধা রয়েছে এবং সেগুলির কয়েকটি নীচে বর্ণনা করা হল:
ফাইলের আকার হ্রাস করুন
আমাদের স্টাইলশীট থেকে অপ্রয়োজনীয় অক্ষর মুছে ফেলা আমাদের ফাইলের আকার নাটকীয়ভাবে হ্রাস করতে পারে।
মিনিফায়িং আমাদের CSS সোর্স কোড থেকে সরাতে, লাইন ব্রেক, একাধিক স্পেস এবং মন্তব্য করতে সাহায্য করে।
পেজ স্পিড বাড়ান
একটি ছোট ফাইলের আকার মানে ব্রাউজারের সমস্ত তথ্য প্রক্রিয়া করার জন্য একটি ছোট সময় এবং এইভাবে আমাদের ওয়েবসাইটের পৃষ্ঠার গতি বৃদ্ধি পায়।
পৃষ্ঠার গতি বাড়ানোর ফলে ব্যবহারকারীদের কাছে আমাদের সামগ্রী দ্রুত লোড হতে পারে এবং তাদের দ্রুত পরিবেশন করা যায়।
Google র্যাঙ্কিং উন্নত করুন
একটি দ্রুত পৃষ্ঠার গতি উচ্চতর google র্যাঙ্কিংয়ের সাথে সরাসরি সহ-সম্পর্ক রাখে এবং ছোট করা আমাদের তা করতে সহায়তা করে।
মিনিফাই কি SEO কে প্রভাবিত করে?
হ্যাঁ, ছোট করা এসইওকে প্রভাবিত করে কিন্তু ইতিবাচক উপায়ে। এটি আমাদের গুগলে ভাল র্যাঙ্ক করতে সাহায্য করতে পারে।
মিনিফাই করা আমাদের ওয়েবসাইটের পৃষ্ঠার গতি বাড়াতে সাহায্য করে এবং এইভাবে ব্যবহারকারীর জন্য অপেক্ষার সময় নেই যা আমাদের পৃষ্ঠার বাউন্স রেট কমিয়ে দেবে এবং আমাদের পৃষ্ঠাগুলি ব্যবহারকারীদের কাছে দ্রুত পরিবেশন করা হবে।
বর্ধিত পেজস্পিড সরাসরি উন্নত গুগল র্যাঙ্কিংয়ের সাথে সম্পর্কিত।
আমাদের ওয়েবসাইট যতই ভাল বা সহায়ক হোক না কেন একটি ধীর পৃষ্ঠার গতি আমাদের র্যাঙ্কিংকে কমিয়ে দিতে পারে।
আপনি কিভাবে বুঝবেন যে CSS ছোট করা হয়েছে?
CSS ছোট করা হয়েছে কিনা তা খুঁজে বের করা খুবই সহজ। আমাদের শুধু স্টাইলশীটের সোর্স কোড দেখতে হবে।
যদি CSS স্টাইলশীটে অতিরিক্ত স্পেস, লাইন ব্রেক এবং মন্তব্য না থাকে তাহলে CSS ছোট করা হয়েছে।