আপনার ব্রাউজারে তাৎক্ষণিকভাবে CSS স্টাইলশিট মিনিফাই ও কম্প্রেস করুন। মন্তব্য সরান, হোয়াইটস্পেস কমান এবং ফাইলের আকার হ্রাস করুন। বিনামূল্যে ও ব্যক্তিগত।
.css ফাইল সমর্থিত। অথবা উপরে আপনার CSS পেস্ট করুন।
CSS মিনিফিকেশন ব্রাউজারে পরিবেশন করার আগে এটির আকার কমাতে একটি স্টাইলশীট থেকে হোয়াইটস্পেস, মন্তব্য এবং অপ্রয়োজনীয় অক্ষরগুলি সরিয়ে দেয়। প্রকৃত নিয়মগুলি অপরিবর্তিত: একটি ছোট স্টাইলশীট পৃষ্ঠাগুলিকে অপরিবর্তিত উৎসের সাথে অভিন্নভাবে রেন্ডার করে। নতুন লাইন, অপ্রয়োজনীয় সেমিকোলন, মন্তব্য, হেক্স-কালার শর্টহ্যান্ডের সুযোগ এবং শূন্য-ইউনিট শর্টকাট (0 পিএক্স 0 দিয়ে প্রতিস্থাপন করা) অপসারণের মাধ্যমে সঞ্চয় আসে।
কয়েক ডজন শৈলীর নিয়ম সহ আধুনিক ওয়েবসাইটগুলিতে, সাধারণ হ্রাস 20-40% বনাম অমিনিফাইড উত্স। সার্ভারে gzip কম্প্রেশনের সাথে একত্রিত হলে, প্রান্তিক সঞ্চয় সঙ্কুচিত হয় — gzip ইতিমধ্যেই পুনরাবৃত্ত পাঠ্যকে কার্যকরভাবে সংকুচিত করে — কিন্তু সংমিশ্রণটি এখনও একা কম্প্রেশনকে হারায়, বিশেষ করে যখন স্টাইলশীটগুলি ক্যাশে করা হয় এবং অনেক দর্শককে অনেকবার পরিবেশন করা হয়।
এই মিনিফায়ারটি একটি একক পাসে CSS প্রক্রিয়া করে, url() মানের বাইরের মন্তব্যগুলি সরানো, হোয়াইটস্পেস ভেঙে ফেলা, বন্ধনী বন্ধ করার আগে অপ্রয়োজনীয় সেমিকোলনগুলি সরিয়ে দেওয়া, শূন্য-ইউনিট শর্টহ্যান্ড প্রয়োগ করা এবং ছয়-সংখ্যার হেক্স রঙকে যেখানে সম্ভব সেখানে তিন-সংখ্যার আকারে রূপান্তর করা (#ffffff → #fff)। আউটপুট বৈধ CSS থেকে যায় যা যেকোনো ব্রাউজার সঠিকভাবে পার্স করে।
ছোট CSS ফাইলগুলি দ্রুত লোড হয় এবং রেন্ডার-ব্লকিং টাইম ড্রপ হয়, উভয়ই ফার্স্ট কনটেন্টফুল পেইন্ট এবং সবচেয়ে বড় কনটেন্টফুল পেইন্ট স্কোর উন্নত করে। কোর ওয়েব ভাইটালগুলি অনুসন্ধানের র্যাঙ্কিংকে প্রভাবিত করে এমন সাইটগুলির জন্য, প্রতিটি কিলোবাইট রেন্ডার-ব্লকিং CSS শেভ করা প্রচেষ্টার মূল্য।
ব্যান্ডউইথ খরচও স্কেলে গুরুত্বপূর্ণ। যে সাইটগুলি লক্ষ লক্ষ পৃষ্ঠা ভিউ পরিবেশন করে তাদের স্টাইলশীট 30% ছোট হলে পরিমাপযোগ্য পরিমাণে প্রস্থান সাশ্রয় করে৷ CDN বিল, মোবাইল ডেটা ব্যবহার, এবং শক্তি খরচ সবই সামান্য উপকৃত হয়। মিনিফিকেশন মূলত বিনামূল্যে — রক্ষণাবেক্ষণের কোনো খরচ ছাড়াই এককালীন বিল্ড ধাপ।
CSS পেস্ট করুন, ছোট সংস্করণ পান।
সিএসএস মিনিফিকেশন বেশিরভাগই রক্ষণশীল হোয়াইটস্পেস অপসারণ। নির্বাচক, ঘোষণা এবং মানগুলির ভিতরে হোয়াইটস্পেস যেখানে তাৎপর্যপূর্ণ সেখানে সংরক্ষণ করা হয়; বাইরের হোয়াইটস্পেস ভেঙে পড়েছে। মন্তব্যগুলি মুছে ফেলা হয় যদি না সেগুলি /* দিয়ে শুরু হয়! (লাইসেন্স সংরক্ষণ মন্তব্য)।
সাধারণ শর্টকাট: 0px, 0em এবং অনুরূপ শূন্য-ইউনিট মান 0 হয়ে যায়; পেয়ার করা ডিজিট সহ ছয়-সংখ্যার হেক্স রঙগুলি (#ffffff, #336699) তিন-অঙ্কে পরিণত হয় (#fff, #369); } এর আগে শেষ সেমিকোলনটি সরানো হয়েছে। রঙের নামগুলি স্বয়ংক্রিয়ভাবে হেক্সে রূপান্তরিত হয় না কারণ হেক্স কখনও কখনও দীর্ঘ হয় (লাল দৈর্ঘ্যে #f00 এর চেয়ে ছোট; #ff0000 লালের চেয়ে দীর্ঘ)।
আউটপুট ইনপুট গ্রহণ করে এমন যেকোনো CSS যাচাইকারীকে পাস করা উচিত। ব্রাউজার সমর্থন অপরিবর্তিত — ক্ষুদ্রকরণ নিয়মগুলিকে পরিবর্তন করে না, শুধুমাত্র তাদের পাঠ্য উপস্থাপনা।