Kod & Format

JS kichraytirgich

JavaScript kodingizni bepul kichraytiring: izohlar va ortiqcha bo'sh joylarni olib tashlash orqali fayl hajmini kamaytiring va tejash foizini darhol ko'ring.

JS kichraytirgich
Minimallashtirilgan kod
Asl o'lcham
Kichraytirilgan o'lcham
Saqlash
chiqish.min.js
Oddiy minifikatsiya (izohlar + bo'sh joyni olib tashlash). Ishlab chiqarish muhitlari uchun Terser/esbuild kabi to'liq minifikator tavsiya etiladi.
Ma'lumot

JS Minimizer haqida

JavaScript fayllarining hajmi veb-saytingizning yuklanish tezligiga va Core Web Vitals ballariga bevosita ta'sir qiladi. Minification manba kodidan izohlar, keraksiz bo'shliqlar, qator uzilishlari va chuqurchalarni olib tashlash orqali faylni brauzerga uzatish uchun zarur bo'lgan baytlar sonini sezilarli darajada kamaytiradi.

Bu bepul. JS kichraytirgich Asbob brauzeringizga joylashtirgan JavaScript kodini qayta ishlaydi; serverga hech qanday ma'lumot yuborilmaydi. Bir qatorli izohlar (//), ko'p qatorli izohlar (/* ... */), satrlar boshidagi va oxiridagi bo'shliqlar olib tashlanadi. Satr ("...", '...', `...``<script>` va `regex` harflaridagi tarkib saqlanib qoladi; bu funksionallikning buzilishi xavfini minimallashtiradi.

Asbob, asl nusxasi va kamaytirilgan U kod o'lchamlarini taqqoslaydi va foiz tejashni ko'rsatadi. Izohlar: Ushbu vosita asosiy darajadagi pastga o'lchovni amalga oshiradi. U o'zgaruvchilarni qayta nomlash, daraxtlarni silkitish va ishlab chiqarish muhitlari uchun ilg'or optimallashtirishni taklif etadi. Teskari, esbuild yoki UglifyJS Bu kabi to'liq funksiyali minifier vositalari tavsiya etiladi.

Uni qanday ishlatish kerak?

Bosqichma-bosqich

  1. Siz uni qisqartirmoqchisiz JavaScript kodi Yuqoridagi maydonga joylashtiring yoki yozing.
  2. Kamaytirish Tugmani bosing; izohlar va ortiqcha joylar darhol o'chiriladi.
  3. Tejash foizi va bayt o'lchamlari natijalar bo'limida ko'rsatiladi.
  4. Minimallashtirilgan kod Nusxalash Tugma yordamida uni clipboardga saqlang va loyihangizda foydalaning.
  5. Boshqa kod uchun Toza Tugmani bosing va jarayonni takrorlang.
SSS

Tez-tez so'raladigan savollar

Asboblar qatori ("...", '...'shablonning asl nusxasi `...`U regex literallari va izoh belgilarining tarkibini aniqlaydi va saqlaydi. Bu izoh belgilari sifatida ko'rinadigan, ammo aslida ma'lumotlar bo'lgan qismlar o'chirilmasligini ta'minlaydi.

Oddiy loyihalar va tezkor dastlabki tekshiruvlar uchun mos keladi. Biroq, u ishlab chiqarish muhitida o'zgaruvchan qisqartirish, daraxtlarni silkitish va manba xaritasini tuzishni qo'llab-quvvatlaydi. Teskari, esbuild yoki UglifyJS Biz shunga o'xshash to'liq funksiyali vositalardan foydalanishni tavsiya qilamiz.

Yo'q. Butun jarayon butunlay sizning brauzeringizda (mijoz tomonida) amalga oshiriladi. Serverga hech qanday kod satrlari yuborilmaydi yoki saqlanmaydi.

Izohlar soni va bo'sh joylar soniga qarab, odatda 10–40% gacha o'lchamni kamaytirishga erishiladi. Kodda ko'p izohlar bilan bu foiz yuqoriroq bo'lishi mumkin. Bayt farqi ham, foiz ham natijalar bo'limida ko'rsatilgan.

Yo'q. Minification faqat fayl hajmini kamaytirish uchun keraksiz belgilarni olib tashlaydi; u kod mantig'ini o'zgartirmaydi. Boshqa tomondan, chalkashtirish kodni ataylab o'qib bo'lmaydigan qiladi. Bu vosita faqat minificatsiyani amalga oshiradi.