فشرده سازی فایل های سیاساس و جاوا اسکریپت در وردپرس
سلام ؛
همانطور که میدانید واضح و روشن است که فشرده سازی فایل ها در سرعت بارگذاری سایت نقشی اساسی دارد.
اما سوال اینجاست که چگونه فایل هایی مانند سی اس اس و جاوا اسکریپت را برای افزایش سرعت سایت بهینه سازی کنیم؟؟
فشرده سازی فایل های سی اس اس و جاوا اسکریپت روش های مختلفی دارد.
در این مقاله از آموزش وردپرس، به معرفی افزونه ایی خواهیم پرداخت که این مشکل شما را حل خواهد کرد.
با ما همراه باشید…
فشرده سازی فایل های css و javascript در وردپرس
فشرده سازی یا به اصطلاح minify کردن فایل های کدنویسی شده وردپرس به شما اجازه میدهد که با ترکیب کردن و به اصطلاح خرد کردن فایلهای CSS و JS سرعت لود صفحات را افزایش دهید.
این کار را میتوانید با افزونه Better WordPress Minify وردپرس انجام دهید.
افزونه Better WordPress Minify وردپرس
این افزونه وردپرس بیش از 90.000 نصب موفق و فعال در مخزن وردپرس ثبت کرده است که این عدد نشان از کاربردی بودن و پرطرفدار بودن این پلاگین وردپرس دارد.
همچنین این افزونه وردپرس از نسخه 4.0.1 به بعد با وردپرس سازگار است.
minify وردپرس با استفاده از کتابخانههای php و متکی بودن بر سیستم enqueueingوردپرس فایلهای CSS و جاوا اسکریپت را به جای بافر خروجی کردن، کوچک خواهد کرد.
آموزش کار با افزونه Better WordPress Minify
پس از دانلود، نصب و فعالسازی این پلاگین وردپرس، آیتمی جدید تحت عنوان BWP Minify در منوی مدیریتی وردپرس شما ایجاد خواهد شد.
توجه: شما میتوانید افزونه Better WordPress Minify از انتهای همین مقاله آموزشی بصورت رایگان دانلود کنید.
با کلیک و ورود به این بخش در صفحه تنظیمات این افزونه، سه تب با نامهای General Options ، Advanced Options و Manage enqueued files پیش روی شما خواهد بود.
در زیر به بررسی هر سه تب افزونه خواهیم پرداخت.
تب general options در افزونه Better WordPress Minify
همان طور که در زیر مشاهده میکنید تنظیمات پیش فرضی در minify وردپرس قرار دارد که توصیه میشود این تنظیمات فعال باشند. اما برای سایر تنظیمات که غیرفعال هستند میتوانید بسته به انتخاب خود آنها را نیز فعال یا غیرفعال کنید.
همینطور اگر تیک گزینه If you want to minify style.css with the rest of your css files, you must enqueue it را فعال کنید، فایل استایل شما خرد و بهینه نخواهد شد و به جای آن از نوبت دهی استفاده خواهد شد.
آیتم For cache buster, use
در این بخش میتوانید تعیین کنید که فایلهای خرد شده کش شوند یا خیر، که در اینجا چند انتخاب خواهید داشت.
- کش پوشه برای آخرین تغییرات
- کش برای ورژن قبلی وردپرس
- کش برای پوسته قبلی
- تعداد سفارشی
Cache directory
در این بخش میتوانید پوشه دلخواه خود را برای ذخیره فایلهای کش انتخاب کنید.
Cache age
در این بخش میتوانید زمان کش خود را بر حسب تعداد و بر اساس روز، ساعت، دقیقه و یا ثانیه انتخاب کنید.
Enable bubble CSS import
با فعال کردن این گزینه کلیهی استایلهایی که با خاصیت important@ هستند، در بالاتر قرار خواهند گرفت.
Enable cache file locking
با فعال کردن این گزینه قفل حافظه پنهان فعال خواهد شد.
Enable debugging
و در نهایت با فعال کردن این گزینه دیباگ فعال شده و در صورت مشاهده خطا برای شما نمایش داده خواهد شد.
تب Advanced Options در افزونه Better WordPress Minify
در این بخش نیز اگر از CDN و SSL در وبسایت خود استفاده میکنید میتوانید تنظیمات آنها را سفارشی سازی کنید. تا فایلهای css و جاوا اسکریپت در چنین ویژگیهایی لود شوند.
تب Manage enqueued files در افزونه Better WordPress Minify
در این بخش قادر خواهید بود تا فایلهای جاوا اسکریپت را minify کنید. با انتخاب فایل جاوا اسکریپت مورد نظر لود آن را در هدر یا فوتر قرار دهید.
یا اینکه آن را حذف کرده و یا کلا عمل minify وردپرس را از آن سلب کنید.
همچنین این بخش برای فایل های سی اس اس نیز در دسترس میباشد تا بتوانید انها را بهینه سازی کنید.با این تفاوت که امکان لود آن در هدر و یا فوتر وجود نخواهد داشت و تنها قادر هستید تا عمل minify را برای آن تعیین کرده و یا آن را حذف کنید.
همانطور که مشاهده کردید براحتی میتوانید با استفاده از افزونه ی معرفی شده فایل های قالب وردپرس خود را فشرده سازی و بهینه کنید و گامی مهم در افزایش سرعت بارگذاری سایت خود بردارید.
موفق و پاینده باشید…
- نظرات ارسال شده توسط شما، پس از تایید توسط مدیران سایت منتشر خواهد شد
- نظراتی که حاوی تهمت یا افترا باشد منتشر نخواهد شد
- نظراتی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد