فشرده سازی کدهای CSS و جاوا اسکریپت در وردپرس

فشرده سازی کدهای CSS و جاوا اسکریپت یکی از مهم‌ترین عوامل در بهینه سازی و کاهش سرعت لود وبسایت است. در وردپرس، افزونه های مختلفی برای انجام این کار وجود دارند که امروز به معرفی یکی از آنها می‌پردازیم. با ما همراه باشید.

فشرده سازی کدها چیست و چه زمانی باید انجام شود؟

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

این کار با حذف فضاها و خطوط خالی و همچنین کاراکترهای غیرضروری در فایل‌ها صورت می‌پذیرد.

به طور معمول، توصیه می‌شود که فقط کدهای سمت کاربر (یعنی HTML، CSS و جاوا اسکریپت) فشرده شوند.

امکان Minify کردن کدهای PHP هم وجود دارد اما از آنجایی که PHP در سمت سرور پردازش می‌شود، تاثیری در بهبود سرعت لود سایت برای کاربران شما نخواهد داشت.

فشرده سازی کدهای CSS و جاوا اسکریپت در وردپرس

افزونه Better WordPress Minify را از مخزن وردپرس نصب و فعالسازی کنید (لینک در انتهای مطلب موجود است).

پس از فعال شدن، منوی جدیدی تحت عنوان BWP Minify به پیشخوان وردپرس شما اضافه خواهد شد.

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

در این صفحه، دو گزینه اول برای فشرده سازی فایل‌های جاوا اسکریپت و CSS هستند؛ آنها را فعال کنید.

سپس با کلیک روی دکمه ذخیره تغییرات (Save Changes)، تنظیمات اعمالی‌تان را ذخیره نمایید.

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

می‌توانید هر یک از آنها را بررسی کرده و در مواقع نیاز فعال/غیرفعال کنید.

کار تمام است!

پس از ذخیره تغییرات، به وبسایت خود مراجعه کرده و با راست کلیک روی صفحه، گزینه View Page Source را انتخاب کنید.

در سورس کد صفحه، به دنبال فایل‌های CSS و JS بگردید؛ می‌بینید که فایل‌های جدیدی به جای فایل‌های اصلی از فولدر افزونه بارگذاری می‌شوند.

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

امیدواریم که از آموزش فشرده سازی کدهای CSS و جاوا اسکریپت در وردپرس لذت برده باشید.