ឧបករណ៍បំលែង CSS

ជាមួយ CSS minifier អ្នកអាចបង្រួមឯកសាររចនាប័ទ្ម CSS ។ ជាមួយនឹងម៉ាស៊ីនបង្ហាប់ CSS អ្នកអាចបង្កើនល្បឿនគេហទំព័ររបស់អ្នកយ៉ាងងាយស្រួល។

តើ CSS minifier គឺជាអ្វី?

CSS minifier មានគោលបំណងបង្រួមឯកសារ CSS នៅលើគេហទំព័រ។ គំនិតនេះដែលត្រូវបានប្រើជាភាសាអង់គ្លេសសមមូល (CSS Minifier) ​​រួមបញ្ចូលការរៀបចំនៅក្នុងឯកសារ CSS ។ នៅពេលដែល CSSs ត្រូវបានរៀបចំ គោលដៅចម្បងគឺសម្រាប់អ្នកគ្រប់គ្រងគេហទំព័រ ឬអ្នកសរសេរកូដដើម្បីវិភាគបន្ទាត់ឱ្យបានត្រឹមត្រូវ។ ដូច្នេះវាមានបន្ទាត់ជាច្រើន។ មានបន្ទាត់មតិយោបល់ដែលមិនចាំបាច់ និងចន្លោះរវាងបន្ទាត់ទាំងនេះ។ នេះជាមូលហេតុដែលឯកសារ CSS ក្លាយជាយូរណាស់។ បញ្ហាទាំងអស់នេះត្រូវបានលុបចេញដោយប្រើ CSS minifier ។

តើ CSS minifier ធ្វើអ្វី?

រួមជាមួយនឹងការផ្លាស់ប្តូរដែលបានធ្វើឡើងនៅក្នុងឯកសារ CSS; វិមាត្រត្រូវបានកាត់បន្ថយ បន្ទាត់ដែលមិនចាំបាច់ត្រូវបានដកចេញ បន្ទាត់មតិយោបល់ដែលមិនចាំបាច់ និងចន្លោះត្រូវបានលុប។ ជាងនេះទៅទៀត ប្រសិនបើកូដច្រើនជាងមួយត្រូវបានបញ្ចូលក្នុង CSS នោះកូដទាំងនេះក៏ត្រូវបានលុបផងដែរ។

មានកម្មវិធីជំនួយ និងកម្មវិធីផ្សេងៗសម្រាប់ប្រតិបត្តិការទាំងនេះ ដែលអ្នកប្រើប្រាស់ភាគច្រើនអាចអនុវត្តដោយដៃ។ ជាពិសេសសម្រាប់អ្នកដែលប្រើប្រព័ន្ធប្លក, រូបភាព ដំណើរការទាំងនេះអាចត្រូវបានដោយស្វ័យប្រវត្តិជាមួយនឹងកម្មវិធីជំនួយ។ ដូច្នេះ លទ្ធភាព​នៃ​ការ​ធ្វើ​ខុស​ត្រូវ​បាន​លុប​បំបាត់ ហើយ​លទ្ធផល​កាន់តែ​មាន​ប្រសិទ្ធភាព​ត្រូវ​បាន​ទទួល។

អ្នកដែលមិនប្រើ WordPress សម្រាប់ CSS ឬមិនចង់ចូលចិត្តកម្មវិធីជំនួយដែលមានស្រាប់ក៏អាចប្រើឧបករណ៍អនឡាញបានដែរ។ តាមរយៈការទាញយក CSS ទៅក្នុងឧបករណ៍អនឡាញតាមអ៊ីនធឺណិត ឯកសារដែលមានស្រាប់នៅក្នុង CSS ត្រូវបានកាត់បន្ថយដោយការកែប្រែ។ បន្ទាប់ពីដំណើរការទាំងអស់ត្រូវបានបញ្ចប់ វានឹងគ្រប់គ្រាន់ដើម្បីទាញយកឯកសារ CSS ដែលមានស្រាប់ ហើយបង្ហោះវាទៅគេហទំព័រ។ ដូច្នេះ ប្រតិបត្តិការដូចជា CSS Minify ឬការបង្រួញនឹងត្រូវបានបញ្ចប់ដោយជោគជ័យ ហើយបញ្ហាដែលអាចកើតមានទាំងអស់ដែលអាចជួបប្រទះតាមរយៈ CSS សម្រាប់គេហទំព័រនឹងត្រូវបានលុបចោល។

ហេតុអ្វីបានជាអ្នកគួរបង្រួមឯកសារ CSS របស់អ្នក?

ការមានគេហទំព័រលឿនមិនត្រឹមតែធ្វើឱ្យ Google សប្បាយចិត្តប៉ុណ្ណោះទេ វាជួយឱ្យគេហទំព័ររបស់អ្នកមានចំណាត់ថ្នាក់ខ្ពស់ក្នុងការស្វែងរក ហើយថែមទាំងផ្តល់នូវបទពិសោធន៍អ្នកប្រើប្រាស់កាន់តែប្រសើរសម្រាប់អ្នកចូលមើលគេហទំព័ររបស់អ្នក។

សូមចាំថា 40% នៃមនុស្សមិនសូម្បីតែរង់ចាំ 3 វិនាទីសម្រាប់គេហទំព័ររបស់អ្នកដើម្បីផ្ទុក ហើយ Google ណែនាំឱ្យគេហទំព័រផ្ទុកក្នុងរយៈពេល 2-3 វិនាទីច្រើនបំផុត។

ការបង្ហាប់ជាមួយឧបករណ៍ CSS minifier មានអត្ថប្រយោជន៍ជាច្រើន;

  • ឯកសារតូចជាងនេះមានន័យថាទំហំទាញយកសរុបនៃគេហទំព័ររបស់អ្នកត្រូវបានកាត់បន្ថយ។
  • អ្នកចូលមើលគេហទំព័រអាចផ្ទុក និងចូលប្រើទំព័ររបស់អ្នកបានលឿនជាងមុន។
  • អ្នកចូលមើលគេហទំព័រទទួលបានបទពិសោធន៍អ្នកប្រើប្រាស់ដូចគ្នាដោយមិនចាំបាច់ទាញយកឯកសារធំជាង។
  • ម្ចាស់គេហទំព័រជួបប្រទះនឹងការចំណាយកម្រិតបញ្ជូនទាប ដោយសារទិន្នន័យតិចជាងត្រូវបានបញ្ជូនតាមបណ្តាញ។

តើ CSS minifier ដំណើរការយ៉ាងដូចម្តេច?

វាជាការល្អក្នុងការបម្រុងទុកឯកសារគេហទំព័ររបស់អ្នកមុនពេលបង្រួមពួកវា។ អ្នកថែមទាំងអាចយកវាមួយជំហានទៀត ហើយបង្រួមឯកសាររបស់អ្នកនៅលើគេហទំព័រសាកល្បង។ វិធីនេះអ្នកធ្វើឱ្យប្រាកដថាអ្វីៗដំណើរការហើយ មុនពេលធ្វើការផ្លាស់ប្តូរទៅកាន់គេហទំព័រផ្ទាល់របស់អ្នក។

វាក៏សំខាន់ផងដែរក្នុងការប្រៀបធៀបល្បឿនទំព័ររបស់អ្នកមុន និងក្រោយពេលបង្រួញឯកសាររបស់អ្នក ដូច្នេះអ្នកអាចប្រៀបធៀបលទ្ធផល និងមើលថាតើការរួញមានផលប៉ះពាល់អ្វីខ្លះ។

អ្នកអាចវិភាគដំណើរការល្បឿនទំព័ររបស់អ្នកដោយប្រើ GTmetrix, Google PageSpeed ​​​​Insights និង YSlow ដែលជាឧបករណ៍សាកល្បងដំណើរការប្រភពបើកចំហ។

ឥឡូវនេះសូមមើលពីរបៀបធ្វើដំណើរការកាត់បន្ថយ;

1. ឧបករណ៍បំលែង CSS ដោយដៃ

ការបង្រួមឯកសារដោយដៃត្រូវការពេលវេលា និងការខិតខំប្រឹងប្រែងច្រើន។ ដូច្នេះ តើ​អ្នក​មាន​ពេល​ដើម្បី​ដក​ដកឃ្លា បន្ទាត់ និង​កូដ​ដែល​មិន​ចាំបាច់​ចេញ​ពី​ឯកសារ​ឬ? ប្រហែលជា​មិន។ ក្រៅពីពេលវេលា ដំណើរការកាត់បន្ថយនេះក៏ផ្តល់កន្លែងបន្ថែមទៀតសម្រាប់កំហុសរបស់មនុស្សផងដែរ។ ដូច្នេះវិធីសាស្រ្តនេះមិនត្រូវបានណែនាំសម្រាប់ការបង្រួមឯកសារទេ។ ជាសំណាងល្អ មានឧបករណ៍ទាញយកតាមអ៊ីនធឺណិតឥតគិតថ្លៃជាច្រើនដែលអនុញ្ញាតឱ្យអ្នកចម្លង និងបិទភ្ជាប់កូដពីគេហទំព័ររបស់អ្នក។

CSS minifier គឺជាឧបករណ៍អនឡាញឥតគិតថ្លៃដើម្បីកាត់បន្ថយ CSS ។ នៅពេលអ្នកចម្លង និងបិទភ្ជាប់កូដទៅក្នុងប្រអប់អត្ថបទ "បញ្ចូល CSS" ឧបករណ៍នឹងបង្រួម CSS ។ មានជម្រើសដើម្បីទាញយកលទ្ធផលដែលបានបង្រួមតូចជាឯកសារ។ សម្រាប់អ្នកអភិវឌ្ឍន៍ ឧបករណ៍នេះក៏ផ្តល់ API ផងដែរ។

JSCompress , JSCompress គឺជាម៉ាស៊ីនបង្ហាប់ JavaScript អនឡាញដែលអនុញ្ញាតឱ្យអ្នកបង្ហាប់ និងកាត់បន្ថយឯកសារ JS របស់អ្នករហូតដល់ 80% នៃទំហំដើមរបស់វា។ ចម្លង និងបិទភ្ជាប់កូដរបស់អ្នក ឬផ្ទុកឡើង ហើយបញ្ចូលគ្នានូវឯកសារជាច្រើនដើម្បីប្រើប្រាស់។ បន្ទាប់មកចុច "បង្ហាប់ JavaScript - បង្ហាប់ JavaScript" ។

2. CSS minifier ជាមួយកម្មវិធីជំនួយ PHP

មានកម្មវិធីជំនួយដ៏អស្ចារ្យមួយចំនួន ទាំងឥតគិតថ្លៃ និងបុព្វលាភ ដែលអាចបង្រួមឯកសាររបស់អ្នកដោយមិនចាំបាច់ធ្វើជំហានដោយដៃ។

  • បញ្ចូលគ្នា,
  • បង្រួម,
  • ធ្វើ​ឱ្យ​ស្រស់,
  • កម្មវិធីជំនួយ WordPress ។

កម្មវិធីជំនួយនេះធ្វើច្រើនជាងការបង្រួមកូដរបស់អ្នក។ វារួមបញ្ចូលគ្នានូវឯកសារ CSS និង JavaScript របស់អ្នក ហើយបន្ទាប់មកបង្រួមឯកសារដែលបានបង្កើតដោយប្រើ Minify (សម្រាប់ CSS) និង Google Closure (សម្រាប់ JavaScript) ។ ការបង្រួមតូចត្រូវបានធ្វើឡើងតាមរយៈ WP-Cron ដូច្នេះវាមិនប៉ះពាល់ដល់ល្បឿនគេហទំព័ររបស់អ្នក។ នៅពេលដែលមាតិកានៃឯកសារ CSS ឬ JS របស់អ្នកផ្លាស់ប្តូរ ពួកវាត្រូវបានបង្ហាញឡើងវិញ ដូច្នេះអ្នកមិនចាំបាច់លុបឃ្លាំងសម្ងាត់របស់អ្នកទេ។

JCH Optimize មានមុខងារល្អៗមួយចំនួនសម្រាប់កម្មវិធីជំនួយឥតគិតថ្លៃ៖ វារួមបញ្ចូលគ្នា និងបង្រួម CSS និង JavaScript បង្រួម HTML ផ្តល់ការបង្ហាប់ GZip ដើម្បីបញ្ចូលគ្នានូវឯកសារ និងការបង្ហាញ sprite សម្រាប់រូបភាពផ្ទៃខាងក្រោយ។

CSS Minify អ្នកគ្រាន់តែត្រូវដំឡើង និងធ្វើឱ្យសកម្មដើម្បីបង្រួម CSS របស់អ្នកជាមួយ CSS Minify ។ ចូលទៅកាន់ការកំណត់ > CSS Minify ហើយបើកជម្រើសតែមួយគត់៖ បង្កើនប្រសិទ្ធភាព និងបង្រួមកូដ CSS ។

Fast Velocity Minify ជាមួយនឹង ការដំឡើងសកម្មជាង 20,000 និងចំណាត់ថ្នាក់ផ្កាយប្រាំ Fast Velocity Minify គឺជាជម្រើសដ៏ពេញនិយមបំផុតមួយសម្រាប់បង្រួមឯកសារ។ ដើម្បីប្រើវា អ្នកគ្រាន់តែត្រូវដំឡើង និងធ្វើឱ្យសកម្មប៉ុណ្ណោះ។

ចូលទៅកាន់ការកំណត់ > Fast Velocity Minify ។ នៅទីនេះអ្នកនឹងឃើញជម្រើសមួយចំនួនសម្រាប់កំណត់រចនាសម្ព័ន្ធកម្មវិធីជំនួយ រួមទាំងការលើកលែង JavaScript និង CSS កម្រិតខ្ពស់សម្រាប់អ្នកអភិវឌ្ឍន៍ ជម្រើស CDN និងព័ត៌មានម៉ាស៊ីនមេ។ ការកំណត់លំនាំដើមដំណើរការល្អសម្រាប់គេហទំព័រភាគច្រើន។

កម្មវិធីជំនួយអនុវត្តការរួញតូចនៅលើផ្នែកខាងមុខក្នុងពេលវេលាជាក់ស្តែង និងតែក្នុងអំឡុងពេលសំណើដែលមិនមែនជាឃ្លាំងសម្ងាត់ដំបូង។ បន្ទាប់ពីសំណើដំបូងត្រូវបានដំណើរការ ឯកសារឃ្លាំងសម្ងាត់ឋិតិវន្តដូចគ្នាត្រូវបានបម្រើទៅទំព័រផ្សេងទៀតដែលត្រូវការសំណុំ CSS និង JavaScript ដូចគ្នា។

3. CSS minifier ជាមួយនឹងកម្មវិធីជំនួយ WordPress

CSS minifier គឺជាមុខងារស្ដង់ដារដែលអ្នកនឹងរកឃើញនៅក្នុងកម្មវិធីជំនួយឃ្លាំងសម្ងាត់។

  • WP Rocket,
  • W3 ឃ្លាំងសម្ងាត់សរុប,
  • WP SuperCache,
  • WP ឃ្លាំងសម្ងាត់លឿនបំផុត។

យើងសង្ឃឹមថាដំណោះស្រាយដែលយើងបានបង្ហាញខាងលើបានបំភ្លឺអ្នកពីរបៀបធ្វើ CSS minifier ហើយអ្នកអាចយល់ពីរបៀបដែលអ្នកអាចអនុវត្តវាទៅគេហទំព័ររបស់អ្នក។ ប្រសិនបើអ្នកធ្លាប់ធ្វើបែបនេះពីមុនមក តើអ្នកបានប្រើវិធីណាផ្សេងទៀតដើម្បីធ្វើឱ្យគេហទំព័ររបស់អ្នកលឿនជាងមុន? សរសេរមកពួកយើងនៅក្នុងផ្នែកមតិយោបល់នៅលើ Softmedal កុំភ្លេចចែករំលែកបទពិសោធន៍ និងការផ្ដល់យោបល់របស់អ្នក ដើម្បីកែលម្អខ្លឹមសាររបស់យើង។