• هاست وردپرس

فشرده کردن فایلهای 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. 19 اسفند 1396 ساعت 01:09

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

    • محمد مقدم
      19 اسفند 1396 ساعت 12:00

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

  2. 17 آبان 1396 ساعت 09:53

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

    • امید عرب زادگان
      17 آبان 1396 ساعت 11:12

      سلام
      به عامل های زیادی بستگی داره در صورتی که فکر میکنید بدون این افزونه سریع تر هست افزونه را غیر فعال کنید.

      • 17 آبان 1396 ساعت 13:16

        بله غیر فعالش کردم اما به افزونه ای که سایتم رو سریعتر بارگذاری کنه نیاز دارم. میشه لطفا بگید ایراد سایتم چیه؟

      • 17 آبان 1396 ساعت 13:17

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

  3. 8 آبان 1396 ساعت 02:09

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

    • محمد قاسمی
      8 آبان 1396 ساعت 10:10

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

  4. 20 مرداد 1396 ساعت 23:38

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

enamad