افزونه Fast Velocity Minify | کم حجم کردن و کش کردن فایل های js و css

کم حجم کردن و کش کردن فایل های js و css

کاهش حجم فایل های JS و CSS در وردپرس

امروز با یکی دیگر از روشهای افزایش سرعت سایت در خدمتتان هستیم.با افزونه Fast Velocity Minify درخواست های HTTP با ترکیب فایل های CSS و جاوا اسکریپت درون گروهی از فایل کاهش می یابد. در واقع عبارت Minify به معنی فشرده سازی است. و حجم فایل های سایت شما کاهش داده می‎شود.

کم کردن حجم فایل های CSS و JS با افزونه Fast Velocity Minify

افزونه Fast Velocity Minify یک افزونه مناسب برای کم کردن حجم فایل های CSS و JS و در نهایت افزایش سرعت وب سایت می باشد این افزونه تا به حال بیش از 30000 نصب فعال داشته است. آخرین نسخه آن نسخه 2.2.8 می باشد که در یک هفته پیش منتشر شده است. افزونه Fast Velocity Minify یک افزونه محبوب در بین کاربران وردپرس است چرا که توانسته است امتیاز5 از 5 را به خود اختصاص دهد.

ویژگی های افزونه Fast Velocity Minify

از اسکریپت های محلی پشتیبانی می کند
در صورت تغییر دادن حجم فایل در ترتیب فایل های تغییری ایجاد نمی شود
امکان مدیریت اسکریپت های بارگذاری شده در هدر و فوتر به صورت مجزا
دارای امکان ادغام فونت های گوگل جهت بهینه سازی
جهت کم کردن درخواست های HTTP فایل های CSS و JS را به گروه های ادغام می کند
استفاده برای کم کردن حجم فایل های CSS و JS
می توان فایل های کش را در مسیر آپلود ذخیره کنید
امکان مشاهده کردن وضعیت در پنل مدیریت وردپرس
دارای یک گزینه برای کم کردن HTML
دارای یک گزینه برای استفاده از کمپرسور YUI به جای PHP Minify

نحوه کار با افزونه Fast Velocity Minify

در ابتدا افزونه را نصب و فعال سازی کنید. پس از فعال سازی افزونه گزینه جدیدی به نام Fast Velocity Minify به بخش تنظیمات در پنل مدیریت وردپرس اضافه می شود.

وارد صفحه تنظیمات افزونه شوبد، در تب status میتوانید فایل های کش را پاکسازی کنید. و لیست فایل های JS و CSS پردازش شده را مشاهده نمایید.

در تب settings گزینه های موجود را در صورت نیاز بررسی و فعال و ذخیره کنید. این گزینه ها امن هستند و اگر از افزونه کش استفاده کردید حتما تمامی آنها را پاکسازی کنید. در این قسمت میتوانید حجم فایل های JS و CSS و درخواست های http را کم و به هم بچسبانید. در اصل فاصله های اضافی را حذف میکنید و این عمل باعث میگردد سرعت لود سایت بیشتر و بهبود یابد.

حال اگر در سایت gtmetrix سایت خود را قبل و بعد از نصب افزونه تست کنید مشاهده خواهید کرد که سرعت سایت بیشتر شده است و حجم سایت تان کاهش یافته است. به طور کلی با کاهش دادن حجم فایل های JS و CSS وردپرس می توانید سرعت لود شدن سایتتان را افزایش دهید. این کار در افزایش رتبه سئو سایت تاثیر بسزایی دارد.

البته به غیر استفاده از افزونه ها روش دیگری نیز وجود دارد که در ادامه به توضیح آن خواهیم پرداخت.

فشرده سازی فایل های CSS

برای فشرده سازی فایل css ابتدا می تونید وارد این لینک بشید ، در این سایت می تونید حتی ورژن ها پایین css مانند css۱ رو نیز فشرده سازی کنید . بعد از ورود به سایت چنین تصویری رو مشاهده می کنید که درون کادر قرار داده شده می تونید فایل های css رو قرار بدید .

در بخش compression Level شما می تونید سطح فشرده سازی رو انتخاب کنید :

گزینه اول Highest : این سطح بالاترین سطح می باشد بعد از فشرده شدن در این سطح کد ها در هم چسبیده می شوند و کار برای ادیت مجدد سخت می شود .
گزینه ی دوم High : یک سطح از Highest پایین تر است و حجم فشرده شده ی آن کمی بیشتر از سطح اول می باشد .
گزینه ی سوم Standard : فشرده سازی به طور استاندارد انجام می شود و کد ها خوانا تر از دو سطح بالاتر هستند .
گزینه ی چهارم Low : کد ها خوانا تر و سطح فشرده سازی از ۳ گزینه ی بالا کم تر می باشد .
شما می تونید بنابر نیاز خودتون سطح فشرده سازی رو انتخاب کنید .

در عکس پایین مشاهده می کنید که ۵۵۴۴ کلمه به ۳۹۰۷ فشرده سازی شده که این مقدار ذخیره سازی با حذف کردن کامنت ها در CSS و حذف کردن فضای خالی بین کد ها بدست آمده است ، در آخر هم می تونید کدی که در خروجی چاپ شده است رو جایگزین کد قبلی خودتون کنید .

فشرده سازی فایل های Javascript

برای فشرده سازی جاوا اسکریپت از دو روش می توان عمل کرد :

فشرده سازی از طریق آپلود فایل
فشرده سازی از طریق کد

برای این کار ابتدا وارد این لینک می شوید و کد جاوا اسکریپت رو در باکس مورد نظر قرار می دهید و بر روی Compress Javascript کلیک می کنید ، بعد از اتمام می تونید فایل فشرده شده رو از باکس output دانلود نمایید .