តើខ្ញុំបង្រួម CSS លើអ៊ីនធឺណិតដោយមិនដំឡើងអ្វីបានយ៉ាងដូចម្តេច?

បិទភ្ជាប់ CSS របស់អ្នកក្នុង CSS បញ្ចូល ឬទម្លាក់ឯកសារ .css បន្ទាប់មកចុច បង្រួម CSS។ មតិយោបល់ និងចន្លោះលើសត្រូវបានលុប ហើយអ្នកអាច ចម្លង លទ្ធផល ឬ ទាញយក វាជា styles.min.css។

តើឧបករណ៍បង្រួម CSS រក្សាមតិយោបល់អាជ្ញាប័ណ្ណ និង data URI ដដែលដែរឬទេ?

បាន។ មតិយោបល់ធម្មតាត្រូវបានលុប ប៉ុន្តែមតិយោបល់ /*! license */ ត្រូវបានរក្សា។ ខ្សែអក្សរក្នុងសញ្ញាអញ្ញប្រកាស តម្លៃ url() និង data URI ត្រូវបាន tokenize ដាច់ដោយឡែក ដូច្នេះច្បាប់ចន្លោះមិនកែប្រែពួកវាទេ។

តើខ្ញុំបំប្លែង CSS ដែលបានបង្រួមត្រឡប់ទៅជាកូដដែលអាចអានបានយ៉ាងដូចម្តេច?

ចុច ធ្វើឱ្យ CSS ស្អាត ជំនួសឱ្យ បង្រួម CSS។ កូដត្រូវបានចូលបន្ទាត់ឡើងវិញដោយចន្លោះពីរក្នុងមួយកម្រិត ហើយចុចពីរចំណុចរបស់ selector ដូចជា a:hover ត្រូវបានបែងចែកពីចុចពីរចំណុចរបស់ property។ ទាញយក រក្សាទុកវាជា styles.css។

តើលេខ gzip នៅជាប់ការកាត់បន្ថយមានន័យយ៉ាងដូចម្តេច?

វាជាការប៉ាន់ស្មានទំហំលទ្ធផលបន្ទាប់ពីការបង្រួម gzip វាស់ដោយ CompressionStream API របស់កម្មវិធីរុករក។ ប្រសិនបើកម្មវិធីរុករករបស់អ្នកខ្វះ API នោះ ទំហំ gzip មិនត្រូវបានបង្ហាញទេ។

តើ CSS របស់ខ្ញុំត្រូវបានផ្ញើទៅម៉ាស៊ីនមេនៅពេលខ្ញុំបង្រួមវាដែរឬទេ?

ទេ។ ការបង្រួមត្រូវបានធ្វើដោយ JavaScript tokenizer ដំណើរការក្នុងកម្មវិធីរុករករបស់អ្នក ដោយគ្មានបណ្ណាល័យខាងក្រៅ។ គ្មានអ្វីត្រូវបានបង្ហោះឡើងទេ ដូច្នេះអ្នកអាចប្រើវាលើ stylesheet ឯកជន។

តើវាឥតគិតថ្លៃពិតមែនទេ?

ពិតប្រាកដណាស់។ ឧបករណ៍ទាំងអស់គឺអាចប្រើបានដោយឥតគិតថ្លៃ ដោយមិនបាច់មានគណនី និងមិនបាច់ប្រើកាតឥណទានឡើយ។ ការងារទាំងអស់ដំណើរការនៅលើឧបករណ៍របស់អ្នកផ្ទាល់ ជាជាងនៅលើម៉ាស៊ីនបម្រើ (server) របស់យើង ដែលនេះហើយជាមូលហេតុធ្វើឱ្យវាដំណើរការដោយឥតគិតថ្លៃ។

វាដំណើរការនៅលើទូរស័ព្ទទេ?

បាទ/ចាស។ វាដំណើរការលើកម្មវិធីរុករកទូរសព្ទទំនើបលើ iOS និង Android ដោយមិនចាំបាច់ដំឡើងអ្វីទេ។

🗜️

CSS Minifier & ធ្វើឱ្យស្អាត ឥតគិតថ្លៃ

Minify CSS ដើម្បីកាត់បន្ថយទំហំឯកសារ ឬ beautify CSS ដែល minify ហើយសម្រាប់ការអាន។ ភ្លាមៗ ក្នុងកម្មវិធីរុករករបស់អ្នក។

ដំណើរការក្នុងកម្មវិធីរុករករបស់អ្នកគ្មានការចុះឈ្មោះ គ្មានបង្អួចលេចឡើងមិនចាំបាច់ចូលគណនីឥតគិតថ្លៃជារៀងរហូត

ធ្វើការក្រៅបណ្តាញនៅពេលបានផ្ទុករួច

ឬទម្លាក់ឯកសារ .css ខាងក្រោម

ទម្លាក់ឯកសារ .css នៅទីនេះ ឬចុចដើម្បីរកមើល

CSS · ដំណើរការលើឧបករណ៍របស់អ្នក

ឬចុច Ctrl+V ដើម្បីបិទភ្ជាប់ពីក្ដារតម្បៀតខ្ទាស់

រុករកឯកសារ

CSS បញ្ចូល

CSS លទ្ធផល

លទ្ធផលនឹងបង្ហាញនៅទីនេះ…

ការប្រើប្រាស់ទូទៅ

កាត់បង្រឹម CSS សម្រាប់លេងផ្សាយលើផលិតកម្មបន្ថយទំហំឯកសារ CSS មុនលេងផ្សាយលើផលិតកម្ម រលឿងម៉ោងលេង ការផ្ទុកទូរស័ព្ទ។
ផ្តល់ឱ្យក្នុងលម្អិត CSS កាត់បង្រឹម សម្រាប់ឆ្វេងលម្អិតទម្រង់ CSS ដែលបង្រឹម ឬកាត់បង្រឹម ក្នុងលម្អិតលេខដើម្បីឱ្យអ្នកអាចពិនិត្យ និងឆ្វេងលម្អិតកែប្រែក្នុង។
កាត់បង្រឹម CSS សម្រាប់ពេលលេងលិខិត HTML Emailបង្រឹម CSS សម្រាប់ HTML ឯកសារលិខិត ដែលទំហំឯកសារ និងលម្អិតទម្រង់គឺសម្បូរបែ។
កាត់បង្រឹម CSS សម្រាប់ WordPress Themesបន្ថយទំហំ stylesheets ពាក្យលើកលែងរបស់ WordPress សម្រាប់ PageSpeed សម្គាល់ល្អ។
ផ្តល់ឱ្យក្នុងលម្អិត CSS សម្រាប់ពិនិត្យលេខទម្រង់ CSS ឯកសារឱ្យក្នុងលម្អិតលេខ ដែលក្នុងលេខលម្អិត រស់សម្របសម្រួល និងលេខលម្អិតប្រឹក្សាប្រឹង។

វាដំណើរការដោយរបៀបណា

ឧបករណ៍នេះប្រើកម្មវិធីធ្វើ token CSS សរសេរដោយដៃ គ្មានការពឹងផ្អែកសូន្យបង្កើតទាំងស្រុងជា JavaScript — គ្មានបណ្ណាល័យខាងក្រៅ គ្មានការហៅម៉ាស៊ីនមេទេ។ កម្មវិធីធ្វើ token ចាត់ថ្នាក់តួអក្សរនីមួយៗជាកូដ សេចក្តីអធិប្បាយ string ក្នុងសញ្ញាដកស្រង់ ឬតម្លៃ url() មុននឹងអនុវត្តការផ្លាស់ប្តូរណាមួយ ដែលការពារច្បាប់ចន្លោះពីការធ្វើឱ្យខូចខ្លឹមសារ string, data URIs ឬកន្សោម calc()។

1
ការឆ្លងកាត់ token
CSS ធាតុចូលត្រូវបានស្កេនតួអក្សរដោយតួអក្សរ និងបំបែកទៅជា token ជាក់លាក់៖ ផ្នែកកូដដើម សេចក្តីអធិប្បាយ /* ... */, string ក្នុងសញ្ញាដកស្រង់ (រក្សាលំដាប់គេចខ្លួន) និងប្លុក url(...)។ នេះធានាថាការផ្លាស់ប្តូរនៅជំហានបន្ទាប់ប៉ះពាល់តែវាក្យសម្ព័ន្ធ CSS ពិត — មិនដែលប៉ះខ្លឹមសារ string literal ឬ data URI ទេ។
2
ការបង្រួម ឬការតុបតែង
នៅរបៀបបង្រួម សេចក្តីអធិប្បាយធម្មតាត្រូវបានទម្លាក់ (សេចក្តីអធិប្បាយ /*! license */ ត្រូវបានរក្សា) ជួរចន្លោះនៅក្នុង code token ត្រូវបានបង្រួមទៅចន្លោះតែមួយ ហើយចន្លោះជាប់សញ្ញាវណ្ណយុត្តជុំវិញ { } : ; , > ~ ត្រូវបានដកចេញ។ ចន្លោះជុំវិញ + និង - ត្រូវបានទុកចោលដោយចេតនាដើម្បីជៀសវាងការធ្វើឱ្យខូចកន្សោម calc()។ នៅរបៀបតុបតែង កូដត្រូវបានបង្រួមដំបូងទៅជាមូលដ្ឋានស្អាត រួចធ្វើ token ឡើងវិញ និងចូលបន្ទាត់ឡើងវិញជាមួយការតាមដានជម្រៅចន្លោះពីរ និងការរកឃើញសញ្ញាដក-សេចក្តីប្រកាសដើម្បីបែងចែកសញ្ញាដក property: value ពីសញ្ញាដក selector ដូចជា a:hover។
3
ការប៉ាន់ស្មានទំហំ Gzip
បន្ទាប់ពីផលិតលទ្ធផល CompressionStream API ដើម/របស់កម្មវិធីរុករកត្រូវបានប្រើដើម្បីបង្រួមលទ្ធផលជាមួយ gzip និងវាស់ចំនួន byte លទ្ធផល។ នេះផ្តល់ការប៉ាន់ស្មានទំហំបញ្ជូនពិតប្រាកដត្រូវនឹងអ្វីដែលម៉ាស៊ីនមេវេបដែលមានការបង្រួម gzip នឹងផ្ញើលើបណ្តាញ។
4
ចម្លង ឬទាញយក
CSS ដែលបានដំណើរការត្រូវបានសរសេរទៅក្ដារតម្បៀតខ្ទាស់តាម Clipboard API ឬទាញយកជា styles.min.css (របៀបបង្រួម) ឬ styles.css (របៀបតុបតែង) ដោយប្រើ Blob ជាមួយប្រភេទ MIME text/css។ ភាគរយកាត់បន្ថយទំហំត្រូវបានបង្ហាញផ្ទាល់ពេលអ្នកវាយ។

ឧបករណ៍ពាក់ព័ន្ធ

✨

កម្មវិធីបង្កើនប្រសិទ្ធភាព និងបង្រួម SVG

ដកចេញ metadata បិទ whitespace និង round decimal ដើម្បីកាត់បន្ថយទំហំ SVG file យ៉ាងច្រើន — ជាធម្មតា 30-70%។ ការមើលជាមុន visual ផ្ទៀងផ្ទាត់ថាគ្មានអ្វីខូច។

សាកល្បងឯកសារនៅក្នុងស្រុក

🎨

ធ្វើឱ្យស្អាត CSS

រៀបចំ CSS ដែលបានបង្រួមឱ្យមានការចូលបន្ទាត់ស្មើគ្នា ឬបង្រួម CSS។ មានជម្រើសតម្រៀបលក្ខណៈតាមអក្ខរក្រម ដើម្បីប្រៀបធៀបភាពខុសគ្នាបានងាយស្រួល។

សាកល្បង

📋

ទ្រង់ទ្រាយ JSON

ធ្វើទ្រង់ទ្រាយ ធ្វើឱ្យមានសុពលភាព កាត់បន្ថយ និងរុករកទិន្នន័យ JSON ។ ទិដ្ឋភាពមែកធាង ការបន្លិចវាក្យសម្ព័ន្ធ និងការចម្លងដោយចុចតែម្តង។