چطور فایل‌های CSS/JavaScript رو در وردپرس minify کنیم؟

سلام، امروز در این آموزش کوتاه به شما نحوه minify کردن فایل‌های CSS / JavaScript در وردپرس رو نشون میدیم.

minify کردن فایل‌های CSS / JavaScript باعث میشه که سریع‌تر بارگذاری بشن و سرعت وبسایت وردپرستون افزایش پیدا میکنه. هدف اینه که با حذف فضاهای خالی، خطوط و کاراکترهای غیر ضروری از source code، اندازه فایل‌های وبسایتتون رو کوچیک‌تر کنین.

نمونه‌ای از کدهای CSS معمولی:

1
2
3
4
5
6
7
8
9
10
11
	
body {
    margin:20px;
    padding:20px;
    color:#333333;
    background:#f7f7f7;
}
h1 {
    font-size:32px;
    color#222222;
    margin-bottom:10px;
}

body {

margin:20px;

padding:20px;

color:#333333;

background:#f7f7f7;

}

h1 {

font-size:32px;

color#222222;

margin-bottom:10px;

}

نمونه‌ای از کدهای CSS که minify شدن:

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

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

اولین کاری که باید انجام بدین اینه که پلاگین the Better WordPress Minify رو نصب و فعال کنین.
وقتی یک پلاگین فعال میشه، یک آیتم جدید منوی BWP Minify رو به نوار مدیریت وردپرس شما اضافه میکنه. برای دسترسی به تنظیمات پلاگین، باید اون رو باز کنین.
در صفحه تنظیمات باید دو گزینه اول رو برای minify کردن خودکار فایل‌های JavaScript و CSS در وبسایت وردپرستون، علامت بزنین.