Pulsuz çevirici

JavaScript Kiçikləşdirici

JavaScript kodunu dərhal brauzerinizdə kiçildyin və sıxın. Şərhləri silin, boşluqları yığışdırın və fayl ölçüsünü azaldın. Free and private.

JS faylını buraya sürükləyin və buraxın

.js fayllarını dəstəkləyir. Və ya JavaScript-inizi yuxarıya yapışdırın.

Və ya

Bu alət haqqında

JavaScript-in kiçildilməsi lazımsız simvolları silməklə və (düzgün minifikatorlarla) yerli dəyişənlərin adını daha qısa adlarla dəyişdirməklə mənbə kodunun ölçüsünü azaldır. Birinci kateqoriya - boşluq və şərhlərin silinməsi - sadə və risksizdir. İkincisi – dəyişənlərin adının dəyişdirilməsi – əhatə dairəsi qaydalarının başa düşülməsini tələb edir və Terser və esbuild kimi istehsal minifikatorlarının ən yaxşı etdiyi şeydir.

Bu alət təhlükəsiz kiçilməyə diqqət yetirir: şərhləri silmək, boşluqları silmək, lazımsız nöqtəli vergülləri silmək və aşkar nümunələri qısaltmaq. Dəyişənlərin adının dəyişdirilməsi mühafizəkardır – yalnız aydın əhatə dairəsində olan yerli dəyişənlərə toxunulur və xaricdən istinad edilən adlar tək qalır. Nəticə funksional olaraq mənbə ilə eynidir.

İstehsal səviyyəli kiçilmə üçün xüsusi alətlər (Terser, esbuild, swc) tam ECMAScript əhatə modelini başa düşür və əhəmiyyətli dərəcədə daha kiçik məhsul istehsal edir. Bu alət tam quraşdırma quraşdırması mövcud olmadıqda brauzer tərəfində sürətli kiçilmə üçündür.

Niyə JavaScript-ni kiçildir

JavaScript paketləri adətən müasir veb-səhifədə ən böyük tək resursdur. Küçülməmiş mənbə ilə müqayisədə küçültmə müntəzəm olaraq 30-60% ölçüdə azalma yaradır. Gzip və ya Brotli ilə birlikdə azalma bir qədər daralır, lakin birləşmə hələ də ölçülə bilən baytlara qənaət edir – xüsusən də yavaş bağlantılarda olan istifadəçilər üçün.

Daha sürətli JavaScript eyni zamanda daha sürətli interaktiv vaxt deməkdir. Kiçik skriptlər daha sürətli yüklənir, daha sürətli təhlil edilir və daha tez icra olunur. TTI-nin sıçrayış dərəcələrinə və SEO sıralamasına təsir etdiyi saytlar üçün kiçilmə ən ucuz qazanclardan biridir.

Necə istifadə etməli

JavaScript-i yapışdırın, daha kiçik versiya əldə edin.

  1. JavaScript girişi əlavə edin: Mənbəni daxiletmə sahəsinə yerləşdirin və ya .js faylını buraxın. Minifikator ox funksiyaları, şablon literalları, siniflər və modullar daxil olmaqla müasir JavaScript (ES2015+) qəbul edir.
  2. Seçimləri seçin: Defolt şərhləri silir və boşluqları yığışdırır. Yerli dəyişənin adının dəyişdirilməsi mühafizəkardır; maksimum sıxılmaya ehtiyacınız varsa, daha aqressiv adlandırma imkanı verin.
  3. Kiçikləşdirin: Kiçikləşdirici mənbəni təhlil edir, boşluqları və şərhləri silir və yığcam çıxışlar verir. Mənbədəki sintaksis səhvləri aydın səhv mesajları yaradır.
  4. Çıxışdan istifadə edin: İstehsalda skript mənbəyinizi dəyişdirin. Tam optimallaşdırma üçün ağacın titrəməsi və ölü kodun aradan qaldırılması ilə məşğul olan paketlə birləşdirin.

Ümumi istifadə halları

Texniki Detallar

Kiçikləşdirici ECMAScript sintaksisinə hörmət edən analizatordan istifadə edərək JavaScript-i tokenləşdirir. /* ilə işarələnmiş lisenziya şərhləri istisna olmaqla, şərhlər (bir sətirli və çoxsətirli) silinir. prefiks. Sintaktik olaraq tələb olunan (identifikatorlar arasında, açar sözlərdən sonra) istisna olmaqla, boşluq yığcamlaşdırılır.

Mühafizəkar dəyişənlərin adının dəyişdirilməsi yerli dəyişənləri sadə əhatə dairələrində qısaldır. Qlobal, ixrac və idxal edilmiş adların adı dəyişdirilmir - bu, xarici istinadları pozar. Dərin adının dəyişdirilməsi üçün moduldan xəbərdar olan düzgün analizlə Terser və ya esbuild istifadə edin.

Kənar hallar: avtomatik nöqtəli vergül daxil edilməsi (ASI) o deməkdir ki, proqramın davranışını dəyişdirməmək üçün minifikator bəzi kontekstlərdə yeni sətirləri saxlamalıdır. Şablon literalları, regex literalları və JSX (əgər daxiletmə onu ehtiva edirsə) tam olaraq qorunur, çünki onların məzmunu sıxılmaq üçün təhlükəsiz olmaya bilər.

Ən yaxşı təcrübələr

Tez-tez verilən suallar

Kiçikləşdirmə kodumun işini dəyişirmi?
Xeyr. Kiçikləşdirmə icraya təsir etməyən boşluqları və şərhləri silir. Dəyişənlərin qısaldılması (manaşdırılması) yerli dəyişənlərin adını dəyişdirir, lakin davranışı qoruyur. Qlobal dəyişənlər və ixrac edilmiş adlar toxunulmaz saxlanılır.
İnkişafda və ya istehsalda minimuma endirməliyəm?
İstehsalda yalnız kiçikləşdirilmiş kodu istifadə edin. İnkişaf zamanı orijinal oxunaqlı kodu saxlayın. Əksər qurma alətləri (Webpack, Vite, esbuild) istehsalın qurulması prosesinin bir hissəsi kimi avtomatik olaraq minifikasiyanı idarə edir.
Kiçikləşdirmə və çaşqınlıq arasındakı fərq nədir?
Küçülmə ölçüsünü azaldır, eyni zamanda kodun formatlaşdırıldığı halda funksional olaraq oxunaqlı olmasını təmin edir. Qarmaqarışıqlıq qəsdən kodu başa düşməyi çətinləşdirir (sətirlərin kodlaşdırılması, nəzarət axınının düzləşdirilməsi). Bu alət çaşqınlığa deyil, ölçüsün kiçilməsinə diqqət yetirir.
Nə qədər ölçüsün azaldılmasını gözləməliyəm?
Adətən gzipdən əvvəl 30-60%. Uzun dəyişən adları ilə yaxşı şərh edilmiş kod ən böyük endirimləri görür. Gzip sıxılma ilə birlikdə JavaScript faylları çox vaxt orijinal mənbədən 80-90% kiçik olur.
Kodum serverə yüklənib?
Xeyr. Minifikator brauzerinizdə işləyir.
JavaScript-im nə qədər kiçik olacaq?
Tipik olaraq 30-60% azalma. Uzun identifikatorları olan dəyişən-ağır kod daha çox sıxışdırır; ifadəli ağır kod daha az sıxışdırır.
Mən əllə kiçildirməliyəm?
Heç vaxt. Mənbədə oxuna bilən JavaScript-i saxlayın. Quraşdırma addımı və ya yerləşdirmənin bir hissəsi kimi kiçilməni işə salın.
TypeScript-də işləyirmi?
TypeScript əvvəlcə tsc və ya esbuild istifadə edərək JavaScript-ə tərtib edilməlidir. Tərtib edildikdən sonra əldə edilən JavaScript kiçildilə bilər.