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

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

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

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

همانطور که می دانید سایت ها و رقیبان زیادی وجود دارد که شما باید بتوانید با ترفند های زیادی که موجود است از آنها سبقت بگیرید و با استفاده از یک تجربه کاربری لذت بخش برای کاربران خود به یک وب سایت قدر و قدرتمند تبدیل شوید و آنها را به مخاطب های خود تبدیل کنید و ما در دوره جامع وبمستران برتر به شما به صورت مفصل توضیح داده ایم که چطور می توانید در سایت خود مخاطب های جدید را جذب وب سایت خود کنید

همانطور که میدانید شما می توانید در سیستم انعطاف پذیر وردپرس توسط کد نویسی یا پلاگین های که در مخزن وردپرس وجود دارد نیاز های خود را با استفاده از آن برطرف کنید و ما همواره در تلاشیم که آنها را به شما به صورت مفصل آموزش دهیم و امروز هم در این آموزش می خواهیم یکی از روش های افزایش سرعت سایت وردپرس را آموزش دهیم ، پس اگر که می خواهید سرعت سایت خود را افزایش دهید چند دقیقه وقت با ارزش خود را صرف مطالعه این مقاله کنید.

معرفی افزونه Fast Velocity Minify

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

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

نکته : اگر که می خواهید این افزونه را در سایت خود نصب کنید و نمی دانید چطور این کار را انجام دهید (آموزش نصب افزونه در وردپرس) را نیز مطالعه کنید.

آموزش کار با افزونه Fast Velocity Minify

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

برگه تنظیمات اصلی (Settings):

Enable Auto Minify: این گزینه را فعال کنید تا افزونه به طور خودکار فایل‌های CSS و JavaScript را فشرده و ادغام کند

HTML Minify: فعال کردن این گزینه باعث فشرده سازی کدهای HTML سایت می شود که به کاهش حجم صفحه کمک می کند

CSS Settings:

Minify CSS: این گزینه را فعال کنید تا فایل‌های CSS فشرده شوند

Combine CSS: با فعال کردن این گزینه، فایل‌های CSS ادغام می‌شوند تا تعداد درخواست‌ها به سرور کاهش یابد

Inline CSS: این گزینه CSSهای کوچک را درون HTML صفحه قرار می‌دهد که می‌تواند سرعت بارگذاری را افزایش دهد

JavaScript Settings:

Minify JavaScript: این گزینه را فعال کنید تا فایل‌های JavaScript فشرده شوند

Combine JavaScript: با فعال کردن این گزینه، فایل‌های JavaScript ادغام می‌شوند

Move JS to Footer: انتقال فایل‌های JavaScript به فوتر سایت می‌تواند از مسدود شدن رندر صفحه جلوگیری کند و سرعت بارگذاری را بهبود بخشد

Cache Settings:

Enable Cache: فعال کردن این گزینه باعث ذخیره سازی فایل های فشرده شده می شود

Cache Expiry: مدت زمان نگهداری فایل‌های کش شده را تعیین می‌کند

برگه تنظیمات پیشرفته (Advanced):

Exclude Files: در این بخش می‌توانید فایل‌های CSS و JavaScript خاصی را از فرآیند فشرده‌سازی و ادغام مستثنی کنید این گزینه زمانی مفید است که افزونه با برخی از فایل‌ها تداخل داشته باشد

Debug Mode: فعال کردن این حالت برای رفع مشکلات احتمالی در زمان فشرده سازی و ادغام فایل ها کمک می کند

CDN Support: اگر از CDN استفاده می‌کنید، می‌توانید تنظیمات مربوط به CDN را در این بخش وارد کنید

برگه راهنما (Help):

در این بخش می‌توانید به مستندات افزونه و سوالات متداول دسترسی داشته باشید

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