رفع خطای Minify CSS در سایت GTmetrix

Minify CSS

با آموزشی دیگر برای رفع خطای Minify CSS با دوبست همراه هستید.

در این آموزش با روش رفع این خطا و نحوه افزایش سرعت لود سایت و بهبود سئو آشنا خواهیم شد.

روش رفع خطای Minify CSS آسان و زمان کوتاهی برای رفع آن نیاز است.

توضیحی مختصر درباره‌ی Minify CSS

نام: Minify CSS
نوع: مربوط به CSS
اولویت: بالا
میزان سختی: ساده
میانگین امتیاز: 94%

این اررور جزء اررورهای PageSpeed گوگل می‌باشد.

منظور از خطای Minify CSS در سایت GTmetrix چیست؟

منظور از کلمه Minify در بهینه سازی سایت، کاهش حجم فایل‌های سایت می‌باشد.

ما در Minify کردن فایل‌ها، فضای خالی بین کدها را از بین می‌بریم.

کاراکترها و خط هایی اضافی و نا کارآمد را که در کد ما وجود دارد، حذف می‌کنیم.

Minify کردن فایل‌ها برای فایل‌هایی از قبیل HTML ، JS و CSS انجام می‌گیرد.

چرا که از بین بردن فضای خالی بین کدها روی فایل‌های سمت کاربر باید انجام گیرد.

اگرچه شما می‌توانید فایل های PHP را نیز Minify کنید ولی ایت امر تاثیری روی افزایش سرعت سایت نخواهد داشت.

زیرا این این قبیل فایل‌ها سمت سرور هستند و تاثیری روی سرعت لود سایت روی مرورگر کاربر ندارند.

 

minify css
minify css

در Minify کردن فایل‌ها کار اصلی فشرده کردن فایل‌های سمت کاربر می‌باشد.

همانطور که واضح است این عمل سرعت اجرای فایل‌ها را افزایش و کاربر سریعتر سایت را بارگذاری می‌کند.

Minify فایل ها علاوه بر بهبود سرعت لود شدن سایت  و بهبود تجربه کاربری، باعث محبوبیت سایت در موتور‌های جستجو می‌شود.

موتورهای جستجو سایت‌هایی با فایل‌های Minify شده را بیشتر می‌پسندند.

برای درک بهتر Minify CSS به مثال زیر می‌پردازیم:

body {
  margin:20px;
  padding:20px;
  color:#333333;
  background:#f7f7f7;
}

h1 {
  font-size:32px;
  color#222222;
  margin-bottom:10px;
}

در کدهای بالا زیبا نویسی صورت گرفته و کدها بسیار واضح نوشته شده اند ولی این زیبا نویسی به کار موتورهای جستجو و کاربر نمی‌آید.

اگر کدهای بالا را Minify کنیم به شکل زیر در خواهند آمد:

body{margin:20px;padding:20px;color:#333;background:#f7f7f7}h1{font-size:32px;margin-bo

همانطور که مشاهده می‌کنید عملکرد هر دو کد یکی است ولی در اولی فضای خالی بین کدها بسیار بیشتر می‌باشد.

ما با مفهوم Minify CSS آشنا شدیم حالا جطور متوجه شویم که کدومین فایل CSS ما Minify نشده است؟

پیدا کردن اررورهای Minify CSS

برای یافتن فایل‌هایی که این اررور را دارند شما می‌توانید به سادگی از سایت‌هایی مانند GTmetrix که ابزار تست سرعت دارند استفاده کنید.

در صورتی که در این سایت‌ها، خطاهایی به شکل زیر مشاهده شد، با این مقاله همراه باشید.

GTMetrix minify css
GTMetrix minify css

برطرف کردن خطای Minify CSS

روش اول رفع خطای Minify CSS:(ابزار GTmetrix)

زمانی که سایت GTmetrix به شما خطای Minify CSS روی فایل را نشان دهد، مقابل آن فایل فشرده شده را برای دانلود می‌گذارد:

GTmetrix CSS Minifier
GTmetrix CSS Minifier

شما می‌توانید خیلی ساده فایل فشرده شده را دانلود کرده و جایگزین فایل مربوط در هاست خود کنید.

روش دوم رفع خطای Minify CSS:(ابزار های فشرده سازی آنلاین)

CSScompressor Css Minifier
CSScompressor Css Minifier

شما برای از بین بردن فضای خالی بین کدها Minify کرد فایل‌ها از ابزارهای آنلاین که در زیر نیز اشاره شده کمک بگیرید.

ابتدا باید کدهای خود را در قسمت مربوطه Paste کرده و سپس کدهای فشرده شده را جایگزین فایل‌های مربوط در هاست خود کنید.

روش سوم رفع خطای Minify CSS:(به کمک پلاگین وردپرس)

در صورتی که سیستم مدیریت محتوای شما وردپرس WordPress می‌باشد، به سادگی از پلاگین‌ رایگان Better WordPress Minify برای Minify CSS می‌توانید بهره بگیرید.

البته پلاگین‌های زیادی برای رفع خطای Minify CSS وجود دارند.

یکی از آن‌ها پلاگین رایگان WP Super Minify است که برای از بین بردن فضای خالی بین کدهای فایل‌های سمت کاربر ساخته شده است.

این پلاگین علاوه بر رفع خطای Minify CSS، تنظیمات پیشرفته دیگری برای بهبود سرعت سایت نیز در درون خود گنجانده است.

پلاگین دیگر WP Rocket نیز وجود دارد که غیر رایگان می‌باشد و امکانات زیادی برای افزایش لود سایت در اختیار شما قرار می‌دهد.

روش چهارم رفع خطای Minify CSS:(به کمک ابزار CDNها)

بعضی از CDNها مانند Cloudflare برای فشرده یا Minify کردن فایل‌ها، تنظیماتی را دارا می‌باشند.

در صورتی که سایت شما روی این CDNها می‌باشد، می‌توانید از این قابلیت استفاهده کنید.

Auto Minify
Cloudflare Minify

نتیجه نهایی:

نتیجه انجام Minify CSS مانند زیر خواهد شد:

Minify CSS
Minify CSS

این مقاله شما را در رفع یکی از خطاهای GTmetrix که ممکن است با آن مواجه شوید،راهنمایی کرد.

امیدوارم با کمک این آموزش رفع خطای Minify CSS در سایت GTmetrix را آموخته باشید.

به زودی با مقاله ای دیگر در رابطه با رفع خطاهای GTmetrix با شما خواهیم بود.

    دیدگاه خود را بیان کنید

    ایمیل شما محفوظ خواهد ماند.*