ثبت‌نام ورود

فشرده کردن فایلهای css و جاوا اسکریپت با Better WordPress Minify

فشرده کردن فایلهای css و جاوا اسکریپت با Better WordPress Minify

فشرده کردن فایلهای css و جاوا اسکریپت

آیا میخواهید فایل ها را در سایت وردپرسی تان فشرده کنید؟ فشرده کردن فایل های css و javascript باعث آپلود سریع و سرعت بالا برای سایت وردپرس تان میشود. در این مقاله ما به شما نشان خواهیم داد که چگونه فشرده کردن فایلهای css و javascript  باعث افزایش کارایی و سرعت در سایت میشود.

فشرده کردن فایل چیست و چه موقع به آن نیاز داریم؟

Minify متدی است که با از بین بردن فضای خالی ،خطها ،کارکترهای غیر ضروری از سورس کد سایز فایل وبسایت شما را فشرده میکند.معمولا پیشنهاد میشود که فقط برای فایلهایی که برای مرورگرهای کاربر فرستاده میشود استفاده کنید.شامل فایلهای css,javascript و html است.شما همچنین میتوانید فایلهای php را نیز فشرده کنید اما چون php دارای یک برنامه سرور جانبی است کوتاه کردن آن باعث افزایش سرعت لود برای کاربرانتان نمیشود.مزیت چشمگیر فشرده کردن فایلها بالا بردن سرعت و کارایی وردپرس است.فایلهای فشرده برای لود شدن سریع هستند و سرعت سایتتان را افزایش میدهند اگرچه برخی از کارشناسان معتقدند که  کارایی بسیار ناچیزی  برای بیشتر وبسایتها دارد و به زحمتش نمی ارزد. عمل فشرده کردن تنها تعداد کمی از کیلوبایتهای دیتا را کاهش میدهد.شما میتوانید به راحتی زمان لود صفحه را با بهینه سازی تصاویر برای وب کاهش دهید.

اینجا یک مثال برای کد css نرمال است:

body {
margin:20px;
padding:20px;
color:#333333;
background:#f7f7f7;
}
h1 {
font-size:32px;
color#222222;
margin-bottom:10px;
}

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

{body{margin:20px;padding:20px;color:#333;background:#f7f7f7}h1{font-size:32px;margin-bottom:10px

اگر شما در حال تلاش برای رسیدن به 100 درصد نمره در گوگل Pagespeed یا ابزار GTMetrix هستید، عمل فشرده کردن فایلهای  CSS و جاوا اسکریپت به طور قابل توجهی نمره شما را بهبود میبخشد.

فشرده کردن css و جاوا اسکریپت در وردپرس:

اولین چیزی که شما نیاز دارید نصب و فعال کردن افزونه Better WordPress Minify است. به محض فعالسازی افزونه یک آیتم جدید به نام  ‘BWP Minify’ در زبانه ادمین وردپرس اضافه خواهد شد.کلیک روی آن شما را به صفحه تنظیمات افزونه میبرد.

مراحل فشرده کردن فایل جاوااسکریپت

در صفحه تنظیمات لازم است دو گزینه اول به طور خودکار فشرده کردن فایل های جاوا اسکریپت و CSS در سایت وردپرس را تیک بزنید.بعد از آن روی ثبت تغییرات کلیک کنید.در این صفحه تنظیمات دیگری نیز وجود دارد.تنظیمات پیشفرض برای بیشتر وبسایتها کار میکند اما شما میتوانید آنها را تغییر دهید.کلیک راست کرده و ‘View Page Source’  را از منو مرورگر انتخاب کنید.

فشرده کردن css ,javascript

شما سورس کد html  تولید شده را خواهید دید اگردقیق نگاه کنید متوجه میشوید که این افزونه فایلهای css ,javascript  را از خود فولدر افزونه  به جای قالب و افزونه های وردپرس شما لود خواهد کرد.اینها نسخه های فشرده شده فایلهای css و javasript اصلی هستند.این افزونه نسخه فشرده شده را نگهداری و در اختیار مرورگرها قرار میدهد.

اگر می خواهید بصورت حرفه ای تر مینیفای را انجام دهید می توانید از افزونه wp rocket نیز استفاده کنید.

امیدوارم این مقاله برایتان مفید باشد.

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام میهن وردپرس عضو شوید.

نظر شما در این‌باره چیست؟

  1. کاربر مهمان ۲۸ دی ۱۳۹۸

    عالی بود برای سایت های غیر وورد پرسی باید چیکار کنند ؟
    ممنون

  2. کاربر مهمان ۱۹ اسفند ۱۳۹۶

    سلام
    من وقتی فایل css رو مینیفای می کنم سایت بهم میریزه. چطور میشه مشکل رو حل کرد؟

    • U11404 ۱۹ اسفند ۱۳۹۶

      سلام
      بعضی از افونه های مینیفای برای قالب سایت مشکل ایجاد میکنند. افزونه autoptimize را تست بفرمایید.

      • کاربر مهمان ۰۸ بهمن ۱۳۹۷

        سلام وقت به خیر
        من افزونه autoptimize رو روی سرور نصب میکنم اما بعد از فعالسازی بخش تنظیمات رو بهم نشون نمیده اما تو لوکال بعد فعالسازی بخش تنظیماتش رو نشون میده
        به ننظرتون مشکل از کجاست؟

  3. کاربر مهمان ۱۷ آبان ۱۳۹۶

    ممنون دوست عزیز من این افزونه رو نصب کردم و سایتمم کند تر شد علتش چیه؟ من حتی کندیشو از گوگل هم چک کردم

  4. کاربر مهمان ۰۸ آبان ۱۳۹۶

    از طریق فانکشن میشه؟ اگر کدی هست لطفا بدید..افزونه نمیخام..

    • U7658 ۰۸ آبان ۱۳۹۶

      درود.
      شما نیاز به یک افزونه برای اینکار دارید، با چند خط کد نمی توانید اینکار را انجام دهید.
      البته می توانید فایل ها را به صورت دستی فشرده سازی کنید و جایگزین کنید با استفاده از ابزارهای میهن وردپرس.
      لینک ابزارها :https://tools.mihanwp.com

  5. کاربر مهمان ۲۱ مرداد ۱۳۹۶

    خسته نباشید واقعا مطلب کاربردی و مفیدی بود
    تشکر از زحماتتون