CSS Minifier

CSS minifier ဆိုတာ ဘာလဲ။

CSS minifier သည် ဝဘ်ဆိုက်များပေါ်ရှိ CSS ဖိုင်များကို ကျုံ့ရန် ရည်ရွယ်သည်။ အင်္ဂလိပ်ဘာသာနှင့် ညီမျှသော (CSS Minifier) ​​တွင် အသုံးပြုသည့် ဤအယူအဆတွင် CSS ဖိုင်များတွင် အစီအစဉ်တစ်ခု ပါဝင်သည်။ CSS များကို ပြင်ဆင်သည့်အခါ၊ အဓိက ပန်းတိုင်မှာ ဝဘ်ဆိုက် စီမံခန့်ခွဲသူများ သို့မဟုတ် ကုဒ်သမားများအတွက် လိုင်းများကို မှန်ကန်စွာ ပိုင်းခြားစိတ်ဖြာရန် ဖြစ်သည်။ ထို့ကြောင့် ၎င်းတွင် လိုင်းများစွာ ပါဝင်သည်။ ဤစာကြောင်းများကြားတွင် မလိုအပ်သော မှတ်ချက်လိုင်းများနှင့် နေရာလွတ်များရှိသည်။ ထို့ကြောင့် CSS ဖိုင်များသည် အလွန်ရှည်လာသည်။ ဤပြဿနာအားလုံးကို CSS minifier ဖြင့် ဖယ်ရှားပေးပါသည်။

CSS minifier က ဘာလုပ်သလဲ။

CSS ဖိုင်များတွင် ပြုလုပ်ထားသော အပြောင်းအလဲများနှင့်အတူ၊ အတိုင်းအတာများကို လျှော့ချလိုက်သည်၊ မလိုအပ်သော လိုင်းများကို ဖယ်ရှားလိုက်သည်၊ မလိုအပ်သော မှတ်ချက်လိုင်းများနှင့် နေရာလွတ်များကို ဖျက်လိုက်ပါသည်။ ထို့အပြင်၊ CSS တွင် ကုဒ်တစ်ခုထက်ပိုပါက၊ ဤကုဒ်များကို ဖျက်ပစ်ပါသည်။

အသုံးပြုသူအများစုသည် ကိုယ်တိုင်လုပ်ဆောင်နိုင်သော ဤလုပ်ဆောင်ချက်များအတွက် အမျိုးမျိုးသော plug-in နှင့် applications များရှိပါသည်။ အထူးသဖြင့် WordPress စနစ်ကို အသုံးပြုနေသူများအတွက်၊ ဤလုပ်ငန်းစဉ်များကို ပလပ်အင်များဖြင့် အလိုအလျောက်လုပ်ဆောင်နိုင်ပါသည်။ ထို့ကြောင့် အမှားလုပ်မိနိုင်ခြေကို ဖယ်ရှားပြီး ပိုမိုထိရောက်သော ရလဒ်များကို ရရှိမည်ဖြစ်သည်။

CSS အတွက် WordPress ကို အသုံးမပြုသူ သို့မဟုတ် ရှိပြီးသား ပလပ်အင်များကို နှစ်သက်ခြင်းမရှိသူများသည် အွန်လိုင်းကိရိယာများကို အသုံးပြုနိုင်သည်။ CSS ကို အင်တာနက်ပေါ်ရှိ အွန်လိုင်းတူးလ်များသို့ ဒေါင်းလုဒ်လုပ်ခြင်းဖြင့်၊ CSS ရှိရှိပြီးသားဖိုင်များကို အပြောင်းအလဲပြုလုပ်ခြင်းဖြင့် လျှော့ချလိုက်ပါသည်။ လုပ်ငန်းစဉ်များအားလုံးပြီးပါက၊ ရှိပြီးသား CSS ဖိုင်များကို ဒေါင်းလုဒ်လုပ်ပြီး ဝဘ်ဆိုက်သို့ အပ်လုဒ်လုပ်ရန် လုံလောက်ပါလိမ့်မည်။ ထို့ကြောင့်၊ CSS Minify သို့မဟုတ် ကျုံ့ခြင်းကဲ့သို့သော လုပ်ဆောင်ချက်များကို အောင်မြင်စွာ ပြီးမြောက်မည်ဖြစ်ပြီး၊ ဆိုက်အတွက် CSS မှတစ်ဆင့် ကြုံတွေ့နိုင်သည့် ဖြစ်နိုင်ခြေရှိသော ပြဿနာအားလုံးကို ဖယ်ရှားပစ်မည်ဖြစ်သည်။

သင်၏ CSS ဖိုင်များကို အဘယ်ကြောင့် ကျုံ့သင့်သနည်း။

မြန်ဆန်သောဝဘ်ဆိုဒ်ရှိခြင်းသည် Google ကို ပျော်ရွှင်စေရုံသာမက၊ ၎င်းသည် ရှာဖွေမှုများတွင် သင့်ဝဘ်ဆိုဒ်အဆင့်ကို ပိုမိုမြင့်မားလာစေပြီး သင့်ဆိုက်ကိုလာရောက်လည်ပတ်သူများအတွက် ပိုမိုကောင်းမွန်သောအသုံးပြုသူအတွေ့အကြုံကို ပေးစွမ်းပါသည်။

လူ 40% သည် သင့်ပင်မစာမျက်နှာကို ဖွင့်ရန် 3 စက္ကန့်ပင် မစောင့်ဘဲ၊ Google မှ ဆိုက်များကို အများဆုံး 2-3 စက္ကန့်အတွင်း ဖွင့်ရန် အကြံပြုထားသည်။

CSS minifier tool ဖြင့် ချုံ့ခြင်းသည် အကျိုးကျေးဇူးများစွာရှိသည်။

• သေးငယ်သော ဖိုင်များသည် သင့်ဆိုဒ်၏ ဒေါင်းလုဒ် အရွယ်အစားကို လျော့ကျသွားသည်ဟု ဆိုလိုသည်။
• ဆိုက်လာရောက်သူများသည် သင့်စာမျက်နှာများကို ပိုမိုမြန်ဆန်စွာ တင်နိုင်ပြီး ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။
• ဆိုက်လာရောက်သူများသည် ပိုကြီးသောဖိုင်များကို ဒေါင်းလုဒ်လုပ်စရာမလိုဘဲ တူညီသောအသုံးပြုသူအတွေ့အကြုံကို ရရှိမည်ဖြစ်သည်။
• ကွန်ရက်ပေါ်တွင် ဒေတာပေးပို့မှုနည်းသောကြောင့် ဝဘ်ဆိုက်ပိုင်ရှင်များသည် လှိုင်းနှုန်းနည်းသော ကုန်ကျစရိတ်များကို ခံစားနေကြရသည်။

CSS minifier သည် မည်သို့အလုပ်လုပ်သနည်း။

၎င်းတို့ကို မချုံ့မီ သင့်ဆိုက်၏ဖိုင်များကို မိတ္တူကူးရန် စိတ်ကူးကောင်းပါသည်။ ၎င်းကို နောက်ထပ်တစ်လှမ်းလှမ်းပြီး အစမ်းဆိုက်တစ်ခုတွင် သင့်ဖိုင်များကို ကျုံ့နိုင်သည်။ ဤနည်းဖြင့် သင့်တိုက်ရိုက်ဆိုက်သို့ အပြောင်းအလဲများမပြုလုပ်မီ အရာအားလုံး လည်ပတ်နေပြီဖြစ်ကြောင်း သေချာစေပါသည်။

ရလဒ်များကို နှိုင်းယှဉ်ပြီး ကျုံ့သွားခြင်းမှာ အကျိုးသက်ရောက်မှုရှိမရှိ ကြည့်ရှုနိုင်စေရန် သင်၏ စာမျက်နှာအမြန်နှုန်းကို မချုံ့ခင်နှင့် သင့်ဖိုင်များကို ချုံ့ပြီးနောက်နှင့် နှိုင်းယှဉ်ရန်လည်း အရေးကြီးပါသည်။

GTmetrix၊ Google PageSpeed ​​​​Insights နှင့် YSlow၊ open source စွမ်းဆောင်ရည်စမ်းသပ်ခြင်းကိရိယာကို အသုံးပြု၍ သင့်စာမျက်နှာအမြန်နှုန်းကို ပိုင်းခြားစိတ်ဖြာနိုင်ပါသည်။

ယခု လျှော့ချရေးလုပ်ငန်းစဉ်ကို မည်သို့လုပ်ဆောင်ရမည်ကို ကြည့်ကြပါစို့။

1. Manual CSS minifier

ဖိုင်များကို ကိုယ်တိုင်ချုံ့ခြင်းမှာ အချိန်နှင့် ကြိုးစားအားထုတ်မှု များပြားသည်။ ထို့ကြောင့် ဖိုင်များမှ နေရာလွတ်များ၊ လိုင်းများနှင့် မလိုအပ်သော ကုဒ်များကို ဖယ်ရှားရန် သင့်တွင် အချိန်ရှိပါသလား။ မဖြစ်နိုင်ဘူး။ အချိန်အပြင်၊ ဤလျှော့ချရေးလုပ်ငန်းစဉ်သည်လည်း လူသားအမှားအတွက် နေရာပိုပေးပါသည်။ ထို့ကြောင့်၊ ဤနည်းလမ်းသည် ဖိုင်များကို ကျုံ့ရန် အကြံပြုထားခြင်းမရှိပါ။ ကံကောင်းထောက်မစွာ၊ သင့်ဆိုက်မှကုဒ်ကို ကူးယူပြီး ကူးထည့်ခွင့်ပြုသည့် အခမဲ့အွန်လိုင်းအသေးစိတ်သုံးကိရိယာများစွာရှိသည်။

CSS minifier သည် CSS ကို minify လုပ်ရန် အခမဲ့အွန်လိုင်းကိရိယာတစ်ခုဖြစ်သည်။ ကုဒ်ကို "Input CSS" စာသားအကွက်ထဲသို့ ကူးယူပြီး ကူးထည့်သောအခါ၊ ကိရိယာသည် CSS ကို သေးငယ်စေသည်။ အနည်းအကျဉ်းထွက်ရှိမှုကို ဖိုင်တစ်ခုအနေဖြင့် ဒေါင်းလုဒ်လုပ်ရန် ရွေးချယ်စရာများရှိပါသည်။ ဆော့ဖ်ဝဲရေးသားသူများအတွက်၊ ဤကိရိယာသည် API ကိုလည်းပေးသည်။

JSCompress ၊ JSCompress သည် သင့် JS ဖိုင်များကို ၎င်းတို့၏ မူရင်းအရွယ်အစား၏ 80% အထိ ချုံ့နိုင်ပြီး လျှော့ချနိုင်စေမည့် အွန်လိုင်း JavaScript compressor တစ်ခုဖြစ်သည်။ သင့်ကုဒ်ကို ကူးယူပြီး ကူးထည့်ပါ သို့မဟုတ် အပ်လုဒ်လုပ်ပြီး အသုံးပြုရန် ဖိုင်များစွာကို ပေါင်းစပ်ပါ။ ထို့နောက် “Compress JavaScript – Compress JavaScript” ကိုနှိပ်ပါ။

2. PHP ပလပ်အင်များဖြင့် CSS minifier

အခမဲ့နှင့် ပရီမီယံ နှစ်မျိုးလုံးတွင် သင့်ဖိုင်များကို ကိုယ်တိုင်လုပ်ဆောင်ရန်မလိုဘဲ ဖိုင်များကို ကျုံ့နိုင်စေမည့် ကောင်းမွန်သော plugins အချို့ရှိပါသည်။

• ပေါင်းစည်း၊
• minify၊
• ပြန်လည်ဆန်းသစ်ခြင်း၊
• WordPress ပလပ်အင်များ။

ဤပလပ်အင်သည် သင့်ကုဒ်ကို minify ထက်ပိုလုပ်သည်။ ၎င်းသည် သင်၏ CSS နှင့် JavaScript ဖိုင်များကို ပေါင်းစပ်ပြီး Minify (CSS အတွက်) နှင့် Google Closure (JavaScript အတွက်) ကို အသုံးပြု၍ ဖန်တီးထားသော ဖိုင်များကို သေးငယ်စေသည်။ Minification ကို WP-Cron မှတစ်ဆင့် လုပ်ဆောင်ပြီး သင့်ဆိုက်အမြန်နှုန်းကို မထိခိုက်စေပါ။ သင်၏ CSS သို့မဟုတ် JS ဖိုင်များ၏ အကြောင်းအရာ ပြောင်းလဲလာသောအခါ ၎င်းတို့ကို ပြန်လည် တင်ဆက်ပေးမည်ဖြစ်သောကြောင့် သင်၏ ကက်ရှ်ကို ဗလာကျင်းရန် မလိုအပ်ပါ။

JCH Optimize သည် အခမဲ့ပလပ်အင်အတွက် တော်တော်ကောင်းသော အင်္ဂါရပ်များ ရှိသည်- ၎င်းသည် CSS နှင့် JavaScript တို့ကို ပေါင်းစပ်ပြီး သေးငယ်အောင်ပြုလုပ်ခြင်း၊ HTML ကို လျှော့ချပေးခြင်း၊ ဖိုင်များကို ပေါင်းစပ်ရန်အတွက် GZip ချုံ့ချဲ့ခြင်းနှင့် နောက်ခံပုံများအတွက် sprite rendering ပြုလုပ်ခြင်း။

CSS Minify ၊ သင်သည် CSS Minify ဖြင့် သင့် CSS ကို minify ဖြစ်အောင် install လုပ်ပြီး activate လုပ်ရန်သာလိုသည်။ ဆက်တင်များ > CSS Minify သို့သွားကာ ရွေးချယ်စရာတစ်ခုတည်းကိုသာ ဖွင့်ပါ- CSS ကုဒ်ကို ပိုမိုကောင်းမွန်အောင်ပြုလုပ်ပြီး လျှော့ချပါ။

Fast Velocity Minify တက်ကြွစွာထည့်သွင်းမှု 20,000 ကျော်နှင့် ကြယ်ငါးပွင့်အဆင့်သတ်မှတ်မှုနှင့်အတူ၊ Fast Velocity Minify သည် ဖိုင်များကျုံ့ခြင်းအတွက်ရရှိနိုင်သောရေပန်းအစားဆုံးရွေးချယ်စရာများထဲမှတစ်ခုဖြစ်သည်။ ၎င်းကိုအသုံးပြုရန်၊ သင်ထည့်သွင်းပြီးဖွင့်ရန်သာလိုအပ်သည်။

ဆက်တင်များ > Fast Velocity Miniify သို့သွားပါ။ ဤနေရာတွင် ဆော့ဖ်ဝဲရေးသားသူများ၊ CDN ရွေးချယ်မှုများနှင့် ဆာဗာအချက်အလက်များအတွက် အဆင့်မြင့် JavaScript နှင့် CSS ချန်လှပ်မှုများအပါအဝင် ပလပ်အင်ကို ပြင်ဆင်သတ်မှတ်ခြင်းအတွက် ရွေးချယ်စရာများစွာကို ဤနေရာတွင် တွေ့ရပါမည်။ မူရင်းဆက်တင်များသည် ဝဘ်ဆိုက်အများစုအတွက် ကောင်းမွန်ပါသည်။

ပလပ်အင်သည် အချိန်နှင့်တပြေးညီ ရှေ့တန်းတွင် ကျုံ့သွားစေပြီး ပထမဆုံး ကက်ရှ်မဟုတ်သော တောင်းဆိုမှုအတွင်းသာ လုပ်ဆောင်သည်။ ပထမတောင်းဆိုချက်ကို လုပ်ဆောင်ပြီးနောက်၊ တူညီသော static cache ဖိုင်ကို CSS နှင့် JavaScript အစုံလိုအပ်သော အခြားစာမျက်နှာများသို့ ပေးပို့ပါသည်။

3. WordPress ပလပ်အင်များဖြင့် CSS minifier

CSS minifier သည် ကက်ရှ်ပလပ်အင်များတွင် များသောအားဖြင့် သင်တွေ့ရလေ့ရှိသော စံအင်္ဂါရပ်တစ်ခုဖြစ်သည်။

• WP Rocket၊
• W3 Total Cache၊
• WP SuperCache၊
• WP အမြန်ဆုံး Cache ။

အထက်တွင်တင်ပြထားသောဖြေရှင်းချက်များသည် CSS minifier ကို မည်သို့လုပ်ဆောင်ရမည်ကို သင့်အား ဉာဏ်အလင်းပေးစေပြီး သင့်ဝဘ်ဆိုက်တွင် ၎င်းကို မည်သို့အသုံးချနိုင်သည်ကို သင်နားလည်နိုင်မည်ဟု မျှော်လင့်ပါသည်။ သင်အရင်က ဒီလိုလုပ်ခဲ့မယ်ဆိုရင် သင့်ဝဘ်ဆိုဒ်ကို ပိုမြန်အောင်လုပ်ဖို့ အခြားနည်းလမ်းတွေကို သင်အသုံးပြုခဲ့ပါသလဲ။ Softmedal ရှိ မှတ်ချက်များကဏ္ဍတွင် ကျွန်ုပ်တို့ထံ စာရေးပါ၊ ကျွန်ုပ်တို့၏အကြောင်းအရာကို တိုးတက်စေရန် သင့်အတွေ့အကြုံများနှင့် အကြံပြုချက်များကို မျှဝေရန် မမေ့ပါနှင့်။