آموزش رفع خطای Minify CSS در Gtmetrix وردپرس
در این مقاله در مورد آموزش رفع خطای Minify CSS در Gtmetrix وردپرس و وب سایت های دیگر به شما کاربران عزیز توضیح داده میشود، اگر شما در حال تست سرعت وب سایت خود در gtmetrix هستید ، به احتمال زیاد خطا Minify CSS به صورت قرمز رنگ در لیست نتایج سایت Gtmetrix شما نمایش داده می شود. در ادامه به شما آموزش خواهیم داد که چگونه می توانید در کمتر از حدود ۵ دقیقه این مشکل را رفع و CSS ها را فشرده نمایید.
خطا Minify CSS در gtmetrix به چه معناست؟
این خطا هنگامی ایجاد می شود که فایل های CSS شما توضیحات، کامنت ها و یا فاصله های اضافی داشته باشند، معمولا در فایل های CSS پوسته ها و افزونه های وردپرس و یا هسته وردپرس توضیحات (Comment) شامل نسخه قالب و آخرین ویرایش و طراح آن نوشته شده است و بین کدهای آن از فاصله برای نظم بیشتر و جستجو بهتر بین کدها استفاده شده است. در حالی که مرورگر و یا موتورهای جستجو هیچ نیازی به این موارد ندارد.
برای رفع خطا Minify CSS کافی است با ابزارها یا افزونه های وردپرس موجود در اینترنت این موارد اضافی را حذف کنید تا حجم فایل css شما کاهش یابد. زمانی که حجم CSS کم شود هم رندر کردن CSS سریع تر می شود و هم به دلیل کاهش حجم css ، سایت شما با سرعت بیشتری در مرورگر کاربر دانلود می شود.
چگونه فایل های CSS را Minify کنیم؟
اگر از سایت استاتیک استفاده می کنید:
روش اول: شما می توانید از ابزار آنلاین csscompressor استفاده نمایید ، پس از باز کردن این سایت در قسمت CSS Compressor محتوا فایل css خود را وارد نمایید و گزینه Highest (no readability, smallest size) را انتخاب کنید سپس روی Compress کلیک کنید تا فایل جدید را دانلود کنید و سپس در هاست خود آپلود نمایید.
روش دوم: خود سایت Gtmetrix این کار را انجام میدهد. در سایت Gtmetrix روی خطا Minify CSS کلیک کنید و سپس مانند تصویر زیر فایل فشرده شده CSS را دانلود نمایید:
اگر سیستم مدیریت محتوا وردپرس است :
شما همچنین می توانید از افزونه وردپرس Better WordPress Minify استفاده نمایید، همچنین افزونه های کش مانند WP Fastest Cache و W3 Total Cache نیز امکان minify کردن CSS را دارند.