همانطور که می‌دانید وقتی یک کاربر سایت شما را در مرورگر دستگاه خود باز می‌نماید، فایل‌های مختلف سایت توسط مرورگر برای او دانلود می‌شود تا سایت شما برای او باز شود. حال در نظر بگیرید اگر حجم این فایل‌ها کم باشد چه میزان می‌تواند سرعت سایت شما را بالا ببرد. علاه بر این موتورهای جستجو نیز در زمان بررسی سایت شما تمایل دارند که فایل‌هایی با حجم پایین را بررسی نمایند.
مقاله آموزش رفع خطای Inline small CSS و خطای Inline small JavaScript را نیز مطالعه نمایید.
کمی‌دقیق‌تر درباره خطای Minify CSS صحبت کنیم، به مثال زیر توجه کنید:
body {
margin:20px;
padding:20px;
color:#333333;
background:#f7f7f7;
}h1 {
font-size:32px;
color#222222;
margin-bottom:10px;
}
اگر به کد بالا توجه کرده باشید برای درک بهتر کدنویسی از فضاهای خالی زیر استفاده شده است ولی زیبانویسی تاثیری برای موتورهای جستجو و مرورگرها ندارد. Minify شده کد CSS بالا همانند زیر است:
body{margin:20px;padding:20px;color:#333;background:#f7f7f7}h1{font-size:32px;margin-bottom:10px}
با یک نگاه ساده میتوانید کاملا متوجه این موضوع شوید که این 2 قطعه کد هر دو یک عمل را انجام میدهند، اما طبیعتا قطعه کد اول فضای بیشتری را اشغال کرده است. الان که متوجه شدیم خطای Minify CSS چیست، در ادامه با ما همراه باشید.