Fast Velocity Minify افزونه کاهش حجم فایل های JS و CSS در وردپرس
یکی از راه های افزایش سرعت وردپرس کوچک و مینیفای کردن فایل های CSS و JS است. افزونه Fast Velocity Minify به شما کمک می کند که این کار را به راحتی انجام دهید.
دلیل اصلی مینیفای کردن فایل های جاوا اسکریپت و CSS افزایش سرعت سایت و عملکرد کلی آن است. اگر آزمایشات سرعت وب سایت را قبل و بعد از مینیفای کردن مقایسه کنید، متوجه خواهید شد که اندازه صفحات وب و سرعت کلی سایت شما به طور چشمگیری تغییر کرده است.
افزایش سرعت سایت در بهبود سئو سایت وردپرس نیز اهمیت زیادی دارد. گوگل اعلام کرده است که سرعت بارگذاری سریعتر صفحات، مستقیماً بر رتبه بندی وب سایت و سئوی کلی آن تأثیر می گذارد. زمان بارگیری سریعتر نه تنها به سئوی کلی سایت کمک می کند ، بلکه تجربه بهتری برای کاربران سایت شما ایجاد می کند.
افزونه Fast Velocity Minify با ادغام کردن فایل های CSS و JavaScript ، درخواست های HTTP را کاهش می دهد. این افزونه فایل های CSS و JS وردپرس را با PHP Minify به حداقل می رساند و به هیچ چیز دیگری نیاز ندارد.
مینیفای کردن طی اولین درخواست کش نشده در فرانت اند اتفاق می افتد. هنگامی که اولین درخواست پردازش شد، به درخواست صفحات دیگری که به همان مجموعه فایل های CSS و JS نیاز دارند، همان فایل کش استاتیک ارائه می شود. به این ترتیب سرعت بارگذاری صفحات به میزان قابل ملاحظه ای افزایش می یابد.
اگرچه بسیاری از بهترین افزونه های کش وردپرس قابلیت مینیفای کردن فایل های CSS و JS را ارائه می دهند، اما افزونه Fast Velocity Minify این کار را به صورت خاص انجام داده و قابلیت های پیشرفته تری فراهم می کند.
آموزش افزونه Fast Velocity Minify و نحوه کاهش حجم فایل های JS و CSS در وردپرس
ابتدا افزونه را از پایین صفحه دریافت نموده و آن را در سایت خود در بخش افزونه ها نصب کنید. اگر منو افزونه را ندیدید یا اطلاعات جزئی تری لازم دارید، به راهنمای گام به گام ما در مورد آموزش نصب افزونه وردپرس مراجعه کنید.
بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه در پیشخوان وردپرس به مسیر تنظیمات » Fast Velocity Minify بروید.
صفحه گزینه های پیکربندی و راه اندازی افزونه را مشابه شکل زیر مشاهده خواهید کرد.
در این صفحه 6 تب مختلف شامل موارد زیر وجود دارد:
- Status
- Settings
- Pro
- Developers
- Server Info
- Help
تنظیمات پیش فرض این افزونه برای اکثر وب سایت ها مناسب است و به محض نصب و فعال سازی آن عملیات مینیفای کردن شروع می شود. با این حال در صورت بروز اشکال در سایت می توانید تنظیمات افزونه را تغییر دهید. همچنین گزینه هایی برای توسعه دهندگان و کاربران پیشرفته دارد.
در ادامه آموزش، عملکرد تب های مختلف افزونه Fast Velocity Minify را به صورت مختصر بررسی می کنیم.
- تب Status تمام فایل های پردازش شده سایت شما را لیست کرده و به شما امکان می دهد فایل های کش شده را پاک کنید.
- تب Settings تنظیمات اصلی پیکربندی افزونه است. گزینه های موجود در این تب باعث می شود افزونه کار کرده و شروع به کوچک کردن فایل های Javascript و CSS در وردپرس کند.
- تب Pro به شما امکان می دهد تنظیمات حرفه ای افزونه Fast Velocity Minify را پیکربندی کنید. تنها در صورتی که می دانید چه کار می کنید و چه چیزی را تغییر می دهید از این تب استفاده کنید.
- تب Developers گزینه های پیشرفته تری را نیز به شما ارائه می دهد. تنها در صورتی از این تب استفاده کنید که یک برنامه نویس باشید یا بدانید درگیر چه چیزی هستید.
- تب Server Info تمام اطلاعات سرور را در اختیار شما قرار می دهد تا ببینید که آیا همه چیز به درستی کار می کند یا خیر.
- تب Help سایر لینک های مفید برای افزونه را در اختیار شما قرار می دهد.
پیکربندی تنظیمات اصلی
روی تب Settings کلیک کنید. این تب را می توانید طبق نیازهای سایت خود پیکربندی کنید. با این کار افزونه Fast Velocity Minify به دلخواه شما کار می کند و به شما امکان می دهد سرعت سایت و سایر قابلیت ها را تنظیم کنید.
Functionality و URL Options
در قسمت Functionality، حفظ تنظیمات افزونه پس از حذف آن ایده آل است بنابراین بهتر است گزینه Preserve Settings را فعال کنید زیرا ممکن است بعداً متوجه شوید که می خواهید افزونه را مجدداً فعال کنید. همچنین فعال نگه داشتن گزینه ” Fix Page Editor ” مناسب است. به این ترتیب دیگر نگران اینکه ویرایشگرهای تصویری با ادغام JavaScript و CSS مشکلی داشته باشند، نخواهید بود.
در قسمت URL Options بیشتر مواقع Auto Detect مناسب است. اگر با مینیفای کردن JS و CSS مشکلی دارید، ممکن است لازم باشد از Force HTTP urls یا Force HTTPS urls طبق نیاز سایت خود استفاده کنید. اما تا وقتی که با مشکل مواجه نشده اید، استفاده از این موارد لزومی ندارد.
HTML Options ، Font Options ، Google Fonts
فعال کردن گزینه Cleanup Header به ساده سازی مینیفای کردن JS و CSS کمک می کند. اما مانند موارد فوق، در صورت بروز مشکل در سایت می توانید این گزینه را تغییر دهید.
در Font Options ، می توانید نحوه مدیریت افزونه Fast Velocity Minify بر عناصری مانند اموجی ها و فونت های گوگل را مدیریت کنید. یکی از بهترین گزینه ها Disable Google Fonts merging است.
در قسمت Google Fonts ، حفظ انتخاب “inline” به مینیفای کردن کد کمک می کند. با این حال ، بعضی سایت ها بسته به نوع لایوت ممکن است با انتخاب “async” عملکرد بهتری داشته باشند.
Font Awesome و CSS Options
انتخاب گزینه inline Font Awesome CSS مناسب است. این گزینه اثر CSS را ساده می کند. اما مانند گزینه بالا، گزینه async ممکن است برای وب سایت شما مناسب باشد.
در CSS Options، فعال نگه داشتن گزینه های Preserve the order of CSS files و Disable the “Print” related stylesheets و Inline CSS in the footer مناسب است و به مینیفای کردن کمک می کند. اما اگر پس از انتخاب هریک از موارد فوق چیزی در سایت شما خراب شد، می توانید Disable CSS processing (غیرفعال کردن پردازش CSS ) و Disable minification on CSS files (غیرفعال کردن مینیفای فایل های CSS) را فعال کنید.
Page Speed Options
وقتی نوبت به تست PageSpeed می رسد ، می توانید گزینه Enable defer of all JS files for PSI only را فعال کنید. همچنین می توانید فایلهای JavaScript را در ignore list برای PageSpeed Insights حذف کنید.
افزونه Fast Velocity Minify از CDN شبکه توزیع محتوا نیز پشتیبانی می کند.
باقی گزینه ها را می توانید بدون فعال کردن باقی بگذارید. حال به انتهای صفحه اسکرول کرده و روی دکمه Save Changes کلیک کنید.
وقتی JavaScript و CSS را به درستی در وب سایت وردپرس خود مینیفای و کوچک کنید، تجربه کاربری بهتری ایجاد کرده و سرعت بارگذاری صفحات خود را سریعتر می کنید. علاوه بر این ، سایت خود را در مسیر درست برای سئو و رتبه بندی بهتر در گوگل قرار می دهید.
امیدواریم این آموزش مورد توجه و استفاده شما قرار گرفته باشد.
دانلود افزونه
دیدگاه ها