CSS Хэлбэржүүлэгч ба Шахагч
Эмх замбараагүй CSS-ийг уншихад хялбар болгож догол мөр оруулах, эсвэл дүрмийн дарааллыг хэзээ ч өөрчилдөггүй аюулгүй горимоор шахаж хэмжээг нь багасгана уу.
Таны CSS-ийг хөтөч дотор тань хэлбэржүүлж, шахдаг. BroBroGo руу юу ч илгээгдэхгүй.
Түгээмэл асуултууд
Хэлбэржүүлэх (beautify) болон шахах (minify) хоёрын ялгаа юу вэ?
Хэлбэржүүлэх (Beautify) нь таны загварын кодыг унших, засахад хялбар болгох үүднээс догол мөр, зай авдаг. Шахах (Minify) нь эсрэгээрээ — хөтчид шаардлагагүй хоосон зай, тайлбарыг устгаж, өнгөний утга зэргийг богиносгон файлыг жижиг хэмжээтэй, хурдан ачаалагддаг болгодог. Ажиллах явцдаа хэлбэржүүлж, бэлэн болгохдоо шахна уу.
Аюулгүй (Safe) болон Оновчтой (Optimized) шахалтын тохиргоонууд юу хийдэг вэ?
Аюулгүй (Safe) горим нь зөвхөн хоосон зай, тайлбарыг устгаж, утгуудыг богиносгодог бөгөөд дүрэм бүрийг бичсэн хэвээр нь үлдээдэг. Оновчтой (Optimized) горим нь илүү гүнзгийрч, давхардсан селектор болон дүрмүүдийг нэгтгэн файлыг улам жижиг болгодог — ингэхдээ дүрмийн дарааллыг өөрчилж болзошгүй тул ашиглахаас өмнө хурдан шалгаж үзэхэд гэмгүй. /*! … */ гэж тэмдэглэсэн тайлбарууд аль ч горимд хэвээр үлдэнэ.
Шахах нь миний хуудасны харагдах байдлыг өөрчлөх үү?
Аюулгүй (Safe) горимд үгүй — таны загварууд яг ижилхэн харагдана. Энэ нь хоосон зайг багасгаж, энгийн тайлбаруудыг хасаж, утгуудыг илүү богино эквивалент хэлбэрт оруулдаг (жишээ нь #ffffff-ийг #fff болгох), мөн таны вендор угтварууд болон орчин үеийн синтаксыг хэзээ ч өөрчилдөггүй. Оновчтой (Optimized) горим нь дүрмүүдийг нэгтгэдэг бөгөөд энэ нь бараг бүх загварын хуудас дээр ижил харагддаг ч хэрэв таны загвар дүрмийн дарааллаас хамаардаг бол нягталж үзэх нь зүйтэй.