CSS багасгагч ба засварлагч — үнэгүй
Файлын хэмжээг багасгахын тулд CSS-г жижигрүүлэх эсвэл уншихад хялбар болгохын тулд жижигрүүлсэн CSS-г засварлах. Агшин зуур, хөтчид.
.css файлыг энд чирж оруулах, эсвэл дарж сонгоно уу
CSS · таны төхөөрөмж дээр боловсруулагдсан
эсвэл клипбордоос буулгахын тулд Ctrl+V дарна уу
Түгээмэл хэрэглээ
- Үйлдвэрлэлийн байршуулалтийн CSS-г жижигрүүлэхҮйлдвэрлэлд байршуулахын өмнө CSS файлын хэмжээг жижигрүүлэх — хурдан хуудас ачаалал болон бага өргөрсдүүлэлийн зардал.
- Адладкаанд зориулсан жижигрүүлсэн CSS-г сайлахШатаасан эсвэл жижигрүүлсэн CSS-г уншиглалын кодоор сахуулалт хийх эхийн шинчилгээ болон шинчилгээний хэлбэрүүдийг адладка хийх.
- Электрон шуудангийн сахуулалтын CSS-г жижигрүүлэхHTML электрон шуудангийн сахуулалтын файлын хэмжээ болон орчилсон сахуулалтын обьект нарийн ширүүсэлсэн CSS-г bagцах.
- WordPress сэдвүүдийн CSS-г жижигрүүлэхИлүү сайн PageSpeed оноо өгөхийн тулд эмчилсэн WordPress сэдвийн сахуулалтын хэмжээг жижигрүүлэх.
- Кодын рецензийн CSS-г сайлахCSS файлыг цэцэг, түүхий, уншиглалын коддээр сахуулалт рецензи болон хамтын хэрэглээний хэлбэрүүдийн сахуулалтыг хийх.
Хэрхэн ажилладаг
Энэ хэрэгсэл бүхэлдээ JavaScript-д бүтээгдсэн гараар бичсэн, хараат бус CSS tokenizer ашигладаг — гадаад номын сан, серверийн дуудлага хамааралгүй. Tokenizer ямар ч хувиргалт хэрэглэхийн өмнө тэмдэгт бүрийг код, тайлбар, quoted мөр эсвэл url() утга гэж ангилдаг, энэ нь хоосон зайн дүрмийг мөрийн агуулга, data URI эсвэл calc() илэрхийллийг гэмтээхээс сэргийлдэг.
- 1Tokenization дамжлагаОролтын CSS тэмдэгт-тэмдэгтээр скандаж, бичигдсэн token болж хуваагддаг: түүхий кодын хэсгүүд, /* ... */ тайлбар, quoted мөр (escape дараалалыг хадгалсан), url(...) блок. Энэ нь дараагийн алхам дахь хувиргалт зөвхөн бодит CSS синтакст хүрдэг — мөрийн литерал эсвэл data URI-ийн агуулгад хэзээ ч хүрдэггүй.
- 2Minification эсвэл beautificationMinify горимд энгийн тайлбар унагагддаг (/*! license */ тайлбар хадгалагддаг), код token дахь хоосон зайны гүйлтүүд нэг хоосон зай болж нурдаг, { } : ; , > ~ орчмын цэг-таслалын хоосон зай арилдаг. + болон - орчмын зай calc() илэрхийллийг гэмтээхгүйн тулд санаатайгаар хэвээр үлддэг. Beautify горимд код эхлээд цэвэрхэн үндсэн байдал руу minified болж, дараа нь хоёр-зайн гүн хяналт, property: value цэгийг a:hover шиг сонгогчийн цэгээс ялгах тодорхойлолт-цэг илрүүлэлтээр дахин tokenized, дахин зайлуулагддаг.
- 3Gzip хэмжээний тооцооГаралтыг гаргасны дараа хөтчийн уугуул CompressionStream API ашиглаж үр дүнг gzip-ээр шахаж үр дүнгийн байтын тоог хэмждэг. Энэ нь gzip шахалттай веб сервер сүлжээгээр илгээх бодит дамжуулах-хэмжээний тооцоог өгдөг.
- 4Хуулах эсвэл татахБоловсруулагдсан CSS Clipboard API-аар clipboard руу бичигддэг, эсвэл MIME төрөл text/css бүхий Blob ашиглан styles.min.css (minify горим) эсвэл styles.css (beautify горим) болгон татагддаг. Хэмжээ багасалтын хувь бичих тутамд амьдаар харагдана.
Холбоотой хэрэгслүүд
SVG оновчлогч ба жижигрүүлэгч
SVG файлын хэмжээг мэдэгдэхүйц багасгахын тулд мета өгөгдлийг устгаж, зайг нэгтгэж, аравтын бутархайг тойруулах — ерөнхийдөө 30-70% багасдаг. Харааны урьдчилан харалт юу ч эвдэрч байгаа эсэхийг шалгадаг.
CSS гоёлолч
Шахсан CSS-ийг тогтмол догол мөрөөр цэгцлэх эсвэл шахах. Өөрчлөлтийг хялбар харьцуулахын тулд шинж чанаруудыг цагаан толгойн дарааллаар эрэмбэлэх сонголттой.
JSON форматлагч
JSON өгөгдлийг форматлах, баталгаажуулах, багасгах, судлах. Мод харах, синтаксийг тодруулах, нэг товшилтоор хуулбарлах.