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

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

تاریخ :
نویسنده : SHAHAB
نظرات : 0
بازدیدها : 597
  • 9
کاهش حجم 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 آن را به حالت عادی برگردانید.

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

نظر، پاسخ یا سوال خود را ارسال کنید

نام شما : *
ایمیل شما :*
نظر شما :*
  • angel_minibeee_minibiggrin_mini2blum_miniblush_minibo_minibomb_mini
    boredom_minibuckchok_miniclapping_minicrazy_minidance_minidance-2
    dash_minideddiablo_minidirol_minidrink_minienvelopefool_mini2
    good_minigoofgreeting_minihearspeakseekiss_minikoo-koolaugh_mini2
    mad_minimail1_minimamba_miniman_in_love_minimusic_mini2new_russian_miniok_mini
    rofl_minirose_minirunnerscratch_one-s_head_minishout_minismile_minisnore
    unknw_minivavawacko_mini2wink_miniyahoo_miniwinkwinked
    smileambelayfeelfellowlaughinglol
    lovenorecourserequestsadtonguewassat
    cryingwhatbullyangry
کد امنیتی : *
عکس خوانده نمی شود
برای کد جدید روی آن کلیک کنید

گفتگو با ما