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