បិទភ្ជាប់ stylesheet របស់អ្នក ឬបើកឯកសារ .css ដើម្បីទទួលបានកូដដែលបានបង្រួមភ្លាមៗ។ ឧបករណ៍បង្រួមនេះនឹងលុប comments ការចុះបន្ទាត់ និងគម្លាតមិនចាំបាច់ ព្រមទាំងលុបសញ្ញាចុចក្បៀសចុងក្រោយក្នុងប្លុកនីមួយៗ ដោយរក្សាខ្លឹមសារក្នុង strings និងគម្លាតដែល calc() ត្រូវការឱ្យនៅដដែល។
វាបង្ហាញទំហំដើម ទំហំបង្រួមរួច និងភាគរយដែលបានសន្សំ។ License comments ដែលចាប់ផ្តើមដោយ /*! អាចត្រូវបានរក្សាទុក ដូចដែលអាជ្ញាបណ្ណ open-source ជាច្រើនតម្រូវ។ អ្វីៗទាំងអស់ដំណើរការក្នុងកម្មវិធីរុករក (browser) របស់អ្នក។
របៀបប្រើឧបករណ៍ កម្មវិធីបង្រួមកូដ CSS
- បិទភ្ជាប់ CSS ឬបើកឯកសារ .css។
- ជ្រើសរើសថាតើត្រូវរក្សា /*! license comments ដែរឬទេ។
- ពិនិត្យមើលទំហំ និងភាគរយដែលបានសន្សំ។
- ចម្លងកូដ CSS ដែលបង្រួមរួច ឬទាញយកវាជាឯកសារ។
ហេតុអ្វីប្រើ កម្មវិធីបង្រួមកូដ CSS របស់ ToolOrca
- លុប comments និងគម្លាតទំនេរ
- រក្សា strings និងគម្លាត calc() ដោយសុវត្ថិភាព
- ជម្រើសរក្សា /*! license comments
- បង្ហាញចំនួន bytes និងភាគរយដែលបានសន្សំ
- បើក និងទាញយកឯកសារ
- មិនមានការ upload ដំណើរការ offline បាន
តើការបង្រួម CSS ពិតជាបង្កើតភាពខុសប្លែកគ្នាដែរឬទេ?
ជាទូទៅ ការបង្រួមអាចកាត់បន្ថយទំហំពី 15–30% នៃ stylesheet ដែលសរសេរដោយផ្ទាល់ដៃ ហើយអាចកាត់បន្ថយបានច្រើនជាងនេះ ប្រសិនបើមាន comments ច្រើន។ CSS ដែលមានទំហំតូចជាង នឹងទាញយកបានលឿនជាងមុន និងចំណាយពេលតិចក្នុងការ render ដែលជួយបង្កើនពិន្ទុ Core Web Vitals និងល្បឿនគេហទំព័រ។ រួមបញ្ចូលវាជាមួយការបង្ហាប់ gzip ឬ Brotli នៅលើ server របស់អ្នក ដើម្បីទទួលបានប្រសិទ្ធភាពខ្ពស់បំផុត។
សូមរក្សាទុកឯកសារដើមរបស់អ្នកសម្រាប់កែសម្រួល ហើយដាក់ឱ្យប្រើប្រាស់ឯកសារចម្លងដែលបានបង្រួមរួច ដែលជាទូទៅត្រូវបានដាក់ឈ្មោះថា style.min.css។
សំណួរដែលសួរញឹកញាប់
តើការបង្រួមនឹងធ្វើឱ្យខូច CSS របស់ខ្ញុំដែរឬទេ?
ឧបករណ៍បង្រួមនេះលុបតែ comments និងគម្លាតដែល browsers មិនអើពើប៉ុណ្ណោះ។ វាមិនប្តូរឈ្មោះ បញ្ចូល ឬរៀបចំ rules ឡើងវិញទេ ដូច្នេះលទ្ធផលដំណើរការដូចឯកសារដើមទាំងស្រុង។
ហេតុអ្វីបានជានៅតែមានគម្លាតនៅក្នុង calc()?
នៅក្នុង calc() គម្លាតជុំវិញសញ្ញា + និង − គឺចាំបាច់ត្រូវតែមាន។ ការលុបវាចេញនឹងធ្វើឱ្យ rule ខូច ដូច្នេះពួកវាត្រូវបានរក្សាទុក។
តើខ្ញុំអាចពន្លាត (un-minify) CSS ត្រឡប់មកវិញបានទេ?
Comments ដែលត្រូវបានលុបចេញដោយការបង្រួម មិនអាចយកមកវិញបានទេ ដូច្នេះសូមរក្សាទុកឯកសារដើមរបស់អ្នកជានិច្ច។
តើខ្ញុំអាចបង្រួម HTML បានដែរឬទេ?
បាន សូមប្រើប្រាស់ HTML minifier។