۲۵% تخفیف   ( سال نو مبارک سال نو مبارک )     کد تخفیف: راهنمای استفاده

کاهش حجم css و js قالب دیتالایف

ParsDLE
3
  • 92
کاهش حجم css و js قالب دیتالایف
کاهش حجم و فشرده کردن ( minify ) فایلهای css و js قالب تاثیر زیادی در بهبود سرعت لود و سئو سایت دارد.
بنابراین بهتر است در اولین فرصت نسبت به بهینه سازی این فایل ها اقدام شود.

به این منظور دو ابزار آنلاین برای این کار را ذیلا معرفی می‌کنیم:

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

1 ـ کاهش حجم فایل های css :
وب سایت CSS Compressor را باز کنید.

آموزش:
الف ) فایل css مورد نظر قالب را در ادیتور قالب دیتالایف یا با ابزار مناسبی مثل notepad++ در کامپیوتر خود باز کرده و تمام محتوای آن را کپی و در محل CSS Source Code Input بچسبانید ( Paste کنید ).

ب ) از بخش Compression Level گزینه دوم سلکتور یعنی High (moderate readability, smaller size) را انتخاب و بر روی دکمه Compress کلیک و منتظر بمانید تا عملیات بهینه سازی و کاهش حجم انجام و نتیجه در پنجره جدیدی نمایان شود ( اطلاعات میزان بهینه سازی فایل نیز در سمت راست همین پنجره قابل رویت خواهد بود ).
لازم به یادآوری است که گزینه انتخاب شده مورد استفاده و توصیه ما بوده و در صورت لزوم می‌توانید سایر گزینه ها و تنظیمات را نیز امتحان و استفاده کنید.
محتوای آن را کپی و با کدهای فایل css مبداء جایگزین و فایل را ذخیره کنید.


2 ـ کاهش حجم فایل های js :
وب سایت jаvascript Compressor را باز کنید.

آموزش:
الف ) فایل js مورد نظر قالب را در ادیتور قالب دیتالایف یا با ابزار مناسبی مثل notepad++ باز کرده و تمام محتوای آن را کپی و در محل jаvascript Source Code Input بچسبانید .

ب ) بر روی دکمه Compress کلیک و منتظر بمانید تا عملیات بهینه سازی و کاهش حجم انجام و نتیجه در پنجره جدیدی نمایان شود.
محتوای آن را کپی و با کدهای فایل js مبداء جایگزین و فایل را ذخیره کنید.
( در صورت لزوم میتوانید تنظیمات اضافی مورد نظر خود را از بخش Show advanced options اعمال کنید )

نکته: پس از فشرده کردن فایل js ممکن است به علت تو در تو بودن کدها برای شناسایی برخی بخشهای آن جهت اعمال تنظیمات با مشکل مواجه شوید، در صورت لزوم می‌توانید با استفاده از ابزار آنلاین beautifier آن را به حالت عادی برگردانید.

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

نظرات

  1. User Avatar
    میهمان
    • مهدی
    • ( 17 دی 1397 )
    • 1
    بسیار ارزشمند بود مطلبتون . اگر در طراحی قالب از ابتدا هم به این نکات دقت و رعایت بشه خیلی بهتره.
    در کل یک پلاگین سئو برای دیتالایف جاش خالیه
  2. User Avatar
    عضو سایت
    • saeedmax
    • ( 23 آذر 1397 )
    • 1
    سلام .
    شهاب جان یک سوال:
    در قالب به طور مثال
    awesome.css
    engine.css
    jquery.selectbox.css
    settings.css
    style.css
    این css ها موجود هست
    ما باید تمام کد ها رو داخل یک css کپی کنیم بعد عملیات تبدیل انجام بدیم یا نه
    هر css رو فقط کاهش حجم انجام میده؟
    چون وقتی با سایت چک کردن سئو سایت رو چک میکنم میگه تعداد css ها زیاد هستن.
    1. User Avatar
      پشتیبانی
      • verified userParsDLE
      • ( 23 آذر 1397 )
      • 0
      سلام دوست عزیز،
      اول از همه حتما قبل از تغییرات از قالب یک نسخه پشتیبان تهیه کنید.
      و در مورد سوال بهتره ابتدا هر فایل را جداگانه بهینه سازی و سپس ادغام کنید.
      برای ادغام هم حتما لازم نیست تبدیل به یک فایل css بشه میتونید مثلا style.css رو که یک فایل اصلی هست نگه دارید و باقی فایلهای کوچکتر رو در یک فایل ادغام کنید.
      ضمنا فراموش نکنید که آدرس فایلهای ادغام شده رو از main.tpl قالب حذف و اگر برای فایل جدید نام دیگری تعیین کردید اضافه کنید.
      برای بهینه سازی همچنین میتونید از خروجی فایلهای مورد توصیه پس از چک سایت در GTmetrix هم استفاده کنید.
      موفق باشید
      خوب سوال کردن نیمی از پاسخ است
پاسخگو هستیم
پشتیبانی آنلاین