ترکیب و فشرده سازی بی‌دردسر فایلهای CSS و JS وردپرس!

شما که وردپرسی هستید و با پوسته‌ها و افزونه‌های مختلفی سر و کار دارید طبیعتاً دیدید که هر کدام از این‌ها برای خود استایل و جاواسکریپت‌های جداگانه دارند که معمولاً خیلی از آنها فشرده که نیستند هیچ، سرعت لود سایت شما رو هم پایین می‌آورند. تو بخش دوم بهینه سازی وردپرس به این موضوع پرداختیم و به این نکته اشاره کردیم که فایلهای CSS و JS وردپرس‌تون رو ترکیب‌ کنید؛ با خودم که فکر کردم دیدم ترکیب کردن این دو نوع فایل شاید کار هر کسی نباشد چون واقعاً بعضی وقت‌ها که یکی از افزونه‌های خود را بروزرسانی کنیم ممکن است تغییراتی روی آن انجام شده باشد که در نسخه‌ای که ما مثلاً استایل آن را ترکیب کرده بودیم، نباشد.

به طور اتفاقی با افزونه‌ای بسیار عالی روبه‌رو شدم که همین کار رو به ساده‌ترین شکل ممکن انجام خواهد داد و دوست دارم شما هم باهاش آشنا بشوید و مطمئنم که یکی از افزونه‌های همیشگی شما خواهد شد!

افزونه MnCombine افزونه‌ای که به راحتی فایلهای CSS و JS موجود در پوسته‌ها، پلاگین و حتی هسته وردپرس رو برای شما پیدا کرده و می‌تونید روی فشرده سازی و ادغام آنها مدیریت کنید؛ تنها کافیست فایلهایی رو که در سورس کد سایت شماست رو در نظر گرفته و آنها را در تنظیمات افزونه انتخاب کنید.

برای اینکه بیشتر متوجه شوید افزونه رو نصب کنید و از منوی «افزونه‌ها/Asset Combine» وارد صفحه افزونه شوید و در قسمت General Settings گزینه‌ها رو مطابق شکل زیر تنظیم کنید.

mn-combine-General-Settings

حالا به صفحه اصلی وبسایت خود برید و راست کلیک کرده سپس روی Page Source کلیک کنید و Ctrl+F رو بزنید و css. و js. رو جستجو کنید؛ این نقطه اول رو فراموش نکنید، اینجوری تمامی این فایلها رو که هنگام بارگذاری سایت فعال هستند رو پیدا می‌کنید.

سپس همین‌هایی رو که پیدا کرده‌اید رو در دو تب Javascript و CSS در صفحه افزونه انتخاب کنید و تنظیمات رو ذخیره کنید تا در یک فایل به صورت فشرده ترکیب شوند و کار رو تموم کنید.

mn-combine-css-js

با این کار چون شما تعداد درخواست‌‌های http رو کاهش می‌دهید و فایلهای استایل و جاواسکریپت موجود در صفحات خود را فشرده می‌‎کنید، سرعت صفحات شما به حد قابل قبولی بهینه خواهد شد. به همین سادگی!

تاریخ انتشار: ۱۶ اسفند ۱۳۹۲
تاپیک: وردپرس

مهدی بهزادی

متولد آذرم، اهل بوشهر؛ یه وب گیک تمام عیار! از چیزهایی که خیلی بهشون علاقه دارم طراحی وب و گرافیک و برنامه نویسی موبایل (iOS) و در کنارشون عکاسی و کشاورزی و عاشق طبیعت و مسافرت. توی این سایت هم تا جایی که بتونیم در خدمت‌تون هستیم با یه استکان لبخند!

کد QR برای مطلب ترکیب و فشرده سازی بی‌دردسر فایلهای CSS و JS وردپرس!

تاکنون 9 نظر ثبت شده است، شما هم در بحث شرکت کنید.

  1. سلام
    خیلی ممنون
    مطلب خوبی بود

  2. سلام
    من انجام دادم جواب گرفتم
    شکر

  3. آقای وب گیک تمام عیار!
    لطفا این افرونه های چرت و پرت رو تو حلق خلق الله فرو نکن که بعدش به هزار جور مشکل دیگه بر بخورن.

    • دوست عزیز، اگه به زمان انتشار پست نگاه کنید مربوط به سال ۹۲ می‌شه. زمانی که ما افزونه‌ای رو معرفی می‌کنیم کاملاً سنجیده و تست شده است.
      یکی از دلایلی که شاید با افزونه مشکل دارید آپدیت نبودن افزونه‌اس که حدود یک ساله آپدیت نشده و ممکن است با نسخه‌های فعلی وردپرس سازگاری کامل نداشته باشه و بنده تقصیری ندارم که بخوام عمداً تو حلق خلق الله فرو کنم وگرنه ما احترام خاصی به کاربرای سایت‌مون قائل هستیم…

  4. دوست عزیز ، این افزونه کار نمیکنه اصلا
    تازه سایت رو خراب هم میکنه

  5. جی تی متریکس میگه سرعت سایت شما خوبه !
    اما الان ک من کامنت شما رو خوندم و دارم جواب میدم ، همچنان سایت شما روی لود هست و لودش کامل نشده !
    ولی سایت چاشنی ک لینکش رو میبینید ، خیلی خیلی زودتر از سایت شما باز میشه ، اما نمیدونم چرا جی تی متریکس میگه سرعت لودش ۶ ثانیه هست !
    الکسا هم ک بهم داده ۱۱ ثانیه 😐
    درکشون نمیکنم !

    حالا یه سوال دیگه داشتم ، این افزونه قابلیت اینو داره ک جی کوئری ها رو چندتا چندتا باهم ترکیب کنیم ؟

  6. با سلام و احترام

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

    • دوست عزیز سلام؛ شما درست می‌گید والا قبلاً اینجور نبوده، مدتی هست وقت اصلاً نمی‌کنم به سایت برسم؛ بخاطر اینکه یه سری تغییرات روی سایت دادم و افزونه‌هایی رو اضافه کردم، کار فشرده سازی اونها انجام نشده ولی من افزونه mn combine رو تأیید می‌کنم و واقعاً تأثیر خیلی خوبی داره.
      فعلاً سرعت لود سایت زیاد بدکم نیست 🙂
      https://gtmetrix.com/reports/www.hoorsheed.com/ILFdZ8bf

ارسال نظر

  • برای نمایش آواتار خود در فرم نظرات، می‌تونید در سایت گراواتار ثبت‌نام کنید.
  • ایمیل شما منتشر نمی‌شود و نزد ما محفوظ است.
  • شما می‌تونید از این تگ‌ها نیز استفاده کنید:
  • <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>