CSS Minifikatori

CSS miniifier yordamida siz CSS uslubidagi fayllarni kichiklashtirishingiz mumkin. CSS kompressor yordamida veb-saytlaringizni osongina tezlashtirishingiz mumkin.

CSS miniifier nima?

CSS miniifier veb-saytlardagi CSS fayllarini kichraytirishga qaratilgan. Ingliz ekvivalenti (CSS Miniifier) ​​sifatida ishlatiladigan ushbu kontseptsiya CSS fayllaridagi tartibni o'z ichiga oladi. CSS-lar tayyorlanganda, asosiy maqsad veb-sayt ma'murlari yoki koderlar uchun satrlarni to'g'ri tahlil qilishdir. Shuning uchun u juda ko'p qatorlardan iborat. Bu qatorlar orasida keraksiz izoh satrlari va bo'shliqlar mavjud. Shuning uchun CSS fayllari juda uzun bo'ladi. Bu muammolarning barchasi CSS miniifier yordamida bartaraf etiladi.

CSS miniifier nima qiladi?

CSS fayllarida kiritilgan o'zgarishlar bilan bir qatorda; o'lchamlar kichraytiriladi, keraksiz chiziqlar o'chiriladi, keraksiz izoh satrlari va bo'shliqlar o'chiriladi. Bundan tashqari, agar CSS-ga bir nechta kod kiritilgan bo'lsa, bu kodlar ham o'chiriladi.

Ushbu operatsiyalar uchun ko'pchilik foydalanuvchilar qo'lda bajarishi mumkin bo'lgan turli xil plaginlar va ilovalar mavjud. Ayniqsa, WordPress tizimidan foydalanadigan odamlar uchun bu jarayonlar plaginlar bilan avtomatlashtirilishi mumkin. Shunday qilib, xato qilish ehtimoli yo'q qilinadi va yanada samarali natijalar olinadi.

CSS uchun WordPress-dan foydalanmaydigan yoki mavjud plaginlarni afzal ko'rishni istamaydigan odamlar ham onlayn vositalardan foydalanishlari mumkin. CSS-ni Internet orqali onlayn vositalarga yuklab olish orqali CSS-dagi mavjud fayllar o'zgarishlar kiritish orqali kamayadi. Barcha jarayonlar tugagandan so'ng, mavjud CSS fayllarini yuklab olish va ularni veb-saytga yuklash kifoya qiladi. Shunday qilib, CSS Minify yoki kichraytirish kabi operatsiyalar muvaffaqiyatli yakunlanadi va sayt uchun CSS orqali yuzaga kelishi mumkin bo'lgan barcha muammolar bartaraf qilinadi.

Nima uchun CSS fayllaringizni qisqartirishingiz kerak?

Tez veb-saytga ega bo'lish nafaqat Google-ni xursand qiladi, balki veb-saytingiz qidiruvlarda yuqori o'rinni egallashiga yordam beradi va saytingizga tashrif buyuruvchilar uchun yaxshi foydalanuvchi tajribasini taqdim etadi.

Esda tutingki, 40% odamlar bosh sahifangiz yuklanishi uchun 3 soniya ham kutishmaydi va Google saytlarni ko'pi bilan 2-3 soniya ichida yuklashni tavsiya qiladi.

CSS miniifier vositasi bilan siqish juda ko'p afzalliklarga ega;

  • Kichikroq fayllar saytingizning umumiy yuklab olish hajmini kamaytirishni anglatadi.
  • Saytga tashrif buyuruvchilar sahifalaringizni tezroq yuklashlari va kirishlari mumkin.
  • Saytga tashrif buyuruvchilar kattaroq fayllarni yuklab olmasdan bir xil foydalanuvchi tajribasiga ega bo'lishadi.
  • Sayt egalari tarmoq orqali kamroq ma'lumotlar uzatilishi sababli o'tkazish qobiliyatining past narxiga duch kelishadi.

CSS miniifier qanday ishlaydi?

Saytingiz fayllarini kichraytirishdan oldin ularning zaxira nusxasini yaratganingiz ma’qul. Siz hatto uni bir qadam oldinga olib borib, sinov saytida fayllaringizni qisqartirishingiz mumkin. Shunday qilib, jonli saytingizga o'zgartirish kiritishdan oldin hamma narsa ishlayotganiga ishonch hosil qilasiz.

Natijalarni solishtirish va qisqarish qandaydir ta'sir ko'rsatganligini ko'rish uchun fayllarni kichraytirishdan oldin va keyin sahifa tezligini solishtirish ham muhimdir.

Siz GTmetrix, Google PageSpeed ​​​​Insights va ochiq kodli samaradorlikni tekshirish vositasi YSlow yordamida sahifa tezligini tahlil qilishingiz mumkin.

Endi qisqartirish jarayonini qanday qilishni ko'rib chiqamiz;

1. Qo'lda CSS miniifier

Fayllarni qo'lda qisqartirish katta vaqt va kuch talab qiladi. Xo'sh, fayllardan alohida bo'shliqlar, qatorlar va keraksiz kodlarni olib tashlashga vaqtingiz bormi? Balki yo'q. Vaqtdan tashqari, bu qisqartirish jarayoni inson xatosi uchun ko'proq joy beradi. Shuning uchun bu usul fayllarni kichraytirish uchun tavsiya etilmaydi. Yaxshiyamki, sizning saytingizdan kodni nusxalash va joylashtirish imkonini beruvchi ko'plab bepul onlayn minifikatsiya vositalari mavjud.

CSS minifier - bu CSS-ni kichiklashtirish uchun bepul onlayn vosita. Kodni "Kirish CSS" matn maydoniga nusxalash va joylashtirishda vosita CSS-ni kichraytiradi. Kichiklashtirilgan chiqishni fayl sifatida yuklab olish imkoniyatlari mavjud. Ishlab chiquvchilar uchun ushbu vosita APIni ham taqdim etadi.

JSCompress , JSCompress - bu JS fayllaringizni asl hajmining 80% gacha siqish va kamaytirish imkonini beruvchi onlayn JavaScript kompressoridir. Kodni nusxalash va joylashtirish yoki foydalanish uchun bir nechta fayllarni yuklash va birlashtirish. Keyin "JavaScript-ni siqish - JavaScript-ni siqish" tugmasini bosing.

2. PHP plaginlari bilan CSS minifikatori

Bepul va premium bo'lgan ba'zi ajoyib plaginlar mavjud, ular qo'lda qadamlar qilmasdan fayllaringizni qisqartirishi mumkin.

  • Birlashtirish,
  • kichiklashtirish,
  • yangilash,
  • WordPress plaginlari.

Ushbu plagin kodingizni kichiklashtirishdan ko'proq narsani qiladi. U CSS va JavaScript fayllaringizni birlashtiradi va keyin Minify (CSS uchun) va Google Closure (JavaScript uchun) yordamida yaratilgan fayllarni kichraytiradi. Kichkinalashtirish WP-Cron orqali amalga oshiriladi, bu sizning saytingiz tezligiga ta'sir qilmaydi. CSS yoki JS fayllaringiz mazmuni o'zgarganda, ular keshni bo'shatish shart emasligi uchun qayta ko'rsatiladi.

JCH Optimize bepul plagin uchun juda yaxshi xususiyatlarga ega: u CSS va JavaScript-ni birlashtiradi va kichraytiradi, HTML-ni kichraytiradi, fayllarni birlashtirish uchun GZip siqishni va fon tasvirlari uchun sprayt renderlashni ta'minlaydi.

CSS Minify , CSS-ni CSS Minify bilan kichiklashtirish uchun faqat o'rnatishingiz va faollashtirishingiz kerak. Sozlamalar > CSS-ni kichiklashtirish-ga o'ting va faqat bitta variantni yoqing: CSS kodini optimallashtirish va kichiklashtirish.

Fast Velocity Minify 20 000 dan ortiq faol oʻrnatish va besh yulduzli reytingga ega Fast Velocity Minify fayllarni kichraytirish uchun mavjud boʻlgan eng mashhur variantlardan biridir. Uni ishlatish uchun faqat o'rnatish va faollashtirish kerak.

Sozlamalar > Tez tezlikni kamaytirish-ga o‘ting. Bu yerda siz plaginni sozlash uchun bir qator variantlarni, jumladan ishlab chiquvchilar uchun kengaytirilgan JavaScript va CSS istisnolari, CDN parametrlari va server ma'lumotlarini topasiz. Ko'pgina saytlar uchun standart sozlamalar yaxshi ishlaydi.

Plagin real vaqtda va faqat birinchi keshlanmagan so'rov paytida frontendda qisqarishni amalga oshiradi. Birinchi so'rov bajarilgandan so'ng, xuddi shu statik kesh fayli bir xil CSS va JavaScript to'plamini talab qiladigan boshqa sahifalarga taqdim etiladi.

3. WordPress plaginlari bilan CSS miniifier

CSS miniifier - bu odatda plaginlarni keshlashda topadigan standart xususiyatdir.

  • WP raketasi,
  • W3 umumiy kesh,
  • WP SuperCache,
  • WP eng tez kesh.

Umid qilamizki, biz yuqorida taqdim etgan echimlar sizga CSS minifikatorini qanday qilish haqida ma'lumot berdi va siz uni veb-saytingizga qanday qo'llash mumkinligini tushunasiz. Agar siz buni ilgari qilgan bo'lsangiz, veb-saytingizni tezroq qilish uchun yana qanday usullardan foydalangansiz? Softmedal-dagi sharhlar bo'limida bizga yozing, tarkibimizni yaxshilash bo'yicha tajriba va takliflaringizni baham ko'rishni unutmang.