CSS жижигрүүлэгч

CSS жижигрүүлэгч гэж юу вэ?

CSS miniifier нь вэбсайт дээрх CSS файлуудыг багасгах зорилготой. Англи хэлний эквивалент (CSS Minifier) ​​болгон ашигладаг энэхүү ойлголт нь CSS файлууд дахь зохицуулалтыг агуулдаг. CSS-ийг бэлтгэх үед гол зорилго нь вэб сайтын администраторууд эсвэл кодлогчдод мөрүүдийг зөв шинжлэх явдал юм. Тиймээс энэ нь маш олон мөрөөс бүрддэг. Шаардлагагүй тайлбар мөр, эдгээр мөрийн хооронд хоосон зай байна. Ийм учраас CSS файлууд маш урт болдог. Эдгээр бүх асуудлыг CSS минификатороор арилгадаг.

CSS минификатор юу хийдэг вэ?

CSS файлд хийсэн өөрчлөлтүүдийн хамт; хэмжээсүүдийг багасгаж, шаардлагагүй мөрүүдийг арилгаж, шаардлагагүй тайлбар мөр, хоосон зайг устгасан. Түүнээс гадна, хэрэв CSS-д нэгээс олон код орсон бол эдгээр кодыг мөн устгана.

Эдгээр үйлдлүүдэд зориулсан төрөл бүрийн залгаасууд болон програмууд байдаг бөгөөд ихэнх хэрэглэгчид гараар хийж чаддаг. Ялангуяа WordPress системийг ашигладаг хүмүүст эдгээр процессуудыг залгаасуудаар автоматжуулж болно. Ингэснээр алдаа гаргах магадлал арилж, илүү үр дүнтэй үр дүнд хүрдэг.

CSS-д WordPress ашигладаггүй эсвэл одоо байгаа залгаасуудыг илүүд үзэхийг хүсдэггүй хүмүүс онлайн хэрэгслийг ашиглаж болно. Интернэтээр дамжуулан онлайн хэрэглүүрт CSS татаж авснаар CSS-д байгаа файлуудыг өөрчлөх замаар багасгадаг. Бүх процессууд дууссаны дараа одоо байгаа CSS файлуудыг татаж аваад вэбсайтад байршуулахад хангалттай. Тиймээс CSS-ийг багасгах, багасгах гэх мэт үйлдлүүд амжилттай хийгдэж, CSS-ээр дамжуулан сайтад тохиолдож болох бүх асуудлууд арилах болно.

Та яагаад CSS файлуудаа багасгах ёстой вэ?

Хурдан вэб сайттай байх нь Google-ийг баярлуулаад зогсохгүй таны вэб сайтыг хайлтанд илүү өндөрт эрэмбэлэхэд тусалж, сайтын зочдод илүү сайн хэрэглэгчийн туршлагыг бий болгодог.

Хүмүүсийн 40% нь таны нүүр хуудсыг ачаалах хүртэл 3 секунд хүлээхгүй байдгийг санаарай, Google сайтуудыг хамгийн ихдээ 2-3 секундын дотор ачаалахыг зөвлөж байна.

CSS жижигрүүлэгч хэрэгслээр шахах нь олон давуу талтай;

• Жижиг файлууд нь таны сайтын нийт татаж авах хэмжээ багасна гэсэн үг юм.
• Сайтын зочдод таны хуудсыг илүү хурдан ачаалж, хандах боломжтой.
• Сайтын зочдод илүү том файлуудыг татаж авахгүйгээр ижил хэрэглэгчийн туршлагыг олж авдаг.
• Сүлжээгээр бага өгөгдөл дамжуулдаг тул сайтын эзэд зурвасын өргөний зардал багатай байдаг.

CSS минификатор хэрхэн ажилладаг вэ?

Сайтынхаа файлуудыг багасгахын өмнө нөөцлөх нь зүйтэй. Та үүнийг нэг алхам урагшлуулж, туршилтын сайт дээр файлуудаа багасгаж болно. Ингэснээр та шууд сайтдаа өөрчлөлт оруулахаасаа өмнө бүх зүйл хэвийн ажиллаж байгаа эсэхийг шалгана.

Файлуудаа багасгахын өмнө болон дараа нь хуудсын хурдыг харьцуулах нь чухал бөгөөд ингэснээр үр дүнг харьцуулж, агшилт ямар нэгэн нөлөө үзүүлсэн эсэхийг харах боломжтой.

Та GTmetrix, Google PageSpeed ​​​​Insights болон нээлттэй эх сурвалжийн гүйцэтгэлийг шалгах хэрэгсэл болох YSlow ашиглан хуудасныхаа хурдны гүйцэтгэлд дүн шинжилгээ хийх боломжтой.

Одоо багасгах үйл явцыг хэрхэн хийхийг харцгаая;

1. Гараар CSS жижигрүүлэгч

Файлуудыг гараар багасгах нь ихээхэн цаг хугацаа, хүчин чармайлт шаарддаг. Тэгэхээр танд файлуудаас тусдаа зай, мөр, шаардлагагүй кодыг арилгах цаг байна уу? Тийм биш байх. Цаг хугацаа өнгөрөхөөс гадна энэхүү бууруулах үйл явц нь хүний ​​алдаа гаргах боломжийг олгодог. Тиймээс энэ аргыг файлуудыг багасгахад ашиглахыг зөвлөдөггүй. Аз болоход, таны сайтаас код хуулж, буулгах боломжийг олгодог олон үнэгүй онлайн жижиглэх хэрэгслүүд байдаг.

CSS minifier нь CSS-ийг багасгах үнэгүй онлайн хэрэгсэл юм. "Оруулах CSS" текст талбарт кодыг хуулж буулгахад хэрэгсэл нь CSS-ийг багасгадаг. Жижиглэсэн гаралтыг файл болгон татаж авах сонголтууд байдаг. Хөгжүүлэгчдийн хувьд энэ хэрэгсэл нь API өгдөг.

JSCompress , JSCompress нь онлайн JavaScript компрессор бөгөөд JS файлуудаа анхны хэмжээнээсээ 80% хүртэл шахаж, багасгах боломжийг олгодог. Кодоо хуулж буулгах эсвэл ашиглахын тулд олон файл байршуулж, нэгтгэнэ үү. Дараа нь "Compress JavaScript - Compres JavaScript" дээр дарна уу.

2. PHP залгаасууд бүхий CSS жижигрүүлэгч

Үнэгүй болон дээд зэрэглэлийн хэд хэдэн гайхалтай залгаасууд байдаг бөгөөд тэдгээр нь гарын авлагын алхам хийхгүйгээр таны файлуудыг багасгах боломжтой.

• нэгтгэх,
• багасгах,
• сэргээх,
• WordPress залгаасууд.

Энэ залгаас нь таны кодыг багасгахаас илүү юм. Энэ нь таны CSS болон JavaScript файлуудыг нэгтгэж, Minify (CSS-д зориулсан) болон Google Closure (JavaScript-д) ашиглан үүсгэсэн файлуудыг багасгадаг. Таны сайтын хурдад нөлөөлөхгүйн тулд жижигрүүлэх ажлыг WP-Cron-ээр хийдэг. Таны CSS эсвэл JS файлуудын агуулга өөрчлөгдөхөд тэдгээрийг дахин хөрвүүлэх бөгөөд ингэснээр та кэшээ хоослох шаардлагагүй болно.

JCH Optimize нь үнэгүй залгаасын хувьд маш сайн боломжуудтай: энэ нь CSS болон JavaScript-ийг нэгтгэж, багасгаж, HTML-ийг багасгаж, файлуудыг нэгтгэхийн тулд GZip шахалтыг, дэвсгэр зургийн хувьд спрайт дүрслэлийг өгдөг.

CSS Minify , CSS Minify ашиглан CSS-ээ багасгахын тулд та зөвхөн суулгаж, идэвхжүүлэх хэрэгтэй. Тохиргоо > CSS-ийг багасгах хэсэгт очоод зөвхөн нэг сонголтыг идэвхжүүлнэ үү: CSS кодыг оновчтой болгох, багасгах.

Fast Velocity Minify 20,000 гаруй идэвхтэй суулгалт, таван одтой Fast Velocity Minify нь файлуудыг багасгах хамгийн түгээмэл сонголтуудын нэг юм. Үүнийг ашиглахын тулд та зөвхөн суулгаж, идэвхжүүлэх хэрэгтэй.

Тохиргоо > Хурдан хурдыг багасгах руу очно уу. Эндээс та залгаасыг тохируулах хэд хэдэн сонголтыг олох болно, үүнд хөгжүүлэгчдэд зориулсан дэвшилтэт JavaScript болон CSS хасалтууд, CDN сонголтууд болон серверийн мэдээлэл орно. Өгөгдмөл тохиргоо нь ихэнх сайтуудад сайн ажилладаг.

Plugin нь бодит цаг хугацаанд, зөвхөн эхний кэшгүй хүсэлтийн үед урд талдаа агшилтыг гүйцэтгэдэг. Эхний хүсэлтийг боловсруулсны дараа ижил статик кэш файл нь CSS болон JavaScript-ийн ижил багцыг шаарддаг бусад хуудсанд үйлчилдэг.

3. WordPress залгаасууд бүхий CSS жижигрүүлэгч

CSS-ийг багасгагч нь ихэвчлэн кэш залгаасуудаас олдог стандарт функц юм.

• WP пуужин,
• W3 Нийт кэш,
• WP SuperCache,
• WP-ийн хамгийн хурдан кэш.

Бидний дээр дурдсан шийдлүүд нь CSS-ийн жижигрүүлэгчийг хэрхэн хийх талаар гэгээрүүлсэн бөгөөд та үүнийг вэбсайтдаа хэрхэн ашиглах талаар ойлгож чадна гэж найдаж байна. Хэрэв та үүнийг өмнө нь хийж байсан бол вэбсайтаа илүү хурдан болгохын тулд өөр ямар арга хэрэглэж байсан бэ? Softmedal дээрх сэтгэгдлийн хэсэгт бидэнтэй бичээрэй, манай агуулгыг сайжруулахын тулд туршлага, саналаа хуваалцахаа бүү мартаарай.