უფასო ონლაინ ინსტრუმენტი Javascript Minify

Input data
bfotool loadding
Output data
bfotool loadding

Javascript Minify Tool

Javascript-ის მინიფიცირება იღებს თქვენს მიერ დაწერილ ლამაზ, კარგად ჩამოყალიბებულ JS კოდს და აშორებს ინტერვალს, ჩაღრმავებას, ახალ ხაზებს და კომენტარებს. ეს არ არის საჭირო Javascript-ის წარმატებით გასაშვებად. ეს ასევე ართულებს Javascript-ის წაკითხვას წყაროს ნახვისას.

ბევრი დეველოპერი შეინარჩუნებს "ლამაზ" ვერსიას და მათი პროექტის განლაგების შემდეგ აწარმოებს სკრიპტებს მინიფიკაციის პროგრამის მეშვეობით. ისინი ასევე ხშირად აერთიანებენ თავიანთ მრავალ სკრიპტის ფაილს ერთ ფაილში.

რატომ გამოვიყენოთ Javascript Minifier?

მინიფიკაციის მიზანია ვებსაიტის სიჩქარის გაზრდა. მინიმიზაციას შეუძლია სკრიპტის 20%-მდე დაპატარავება, რაც გამოიწვევს ჩამოტვირთვის უფრო სწრაფ დროს. ზოგიერთი დეველოპერი ასევე გამოიყენებს მას მათი კოდის „დაბუნდოვნებისთვის“. ეს ართულებს კოდის წაკითხვას, რითაც ართულებს შებრუნებულ ინჟინერიას ან კოპირებას.

ასევე გავრცელებული პრაქტიკაა ერთი ვებსაიტის ყველა Javascript ფაილის ერთ ფაილში გაერთიანება. ამას არაერთი სარგებელი აქვს. ის ამცირებს HTTP მოთხოვნის რაოდენობას, რომელიც უნდა გაკეთდეს ვებსაიტის ყველა ელემენტის მისაღებად. ის ასევე ხდის მინიფიკაციას და gzip შეკუმშვას უფრო ეფექტურს.

Javascript Minify მაგალითი

გალამაზებული Javascript:

var a = document.createElement('a');
mimeType = mimeType || 'application/octet-stream';
if (navigator.msSaveBlob) {
    navigator.msSaveBlob(new Blob([content], {
        type: mimeType
    }), fileName);
} else if (URL && 'download' in a) {
    a.href = URL.createObjectURL(new Blob([content], {
        type: mimeType
    }));
    a.setAttribute('download', fileName);
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
} else {
    location.href = 'data:application/octet-stream,' + encodeURIComponent(content);
}

ხდება ეს შემცირებული:

var a=document.createElement('a');mimeType=mimeType||'application/octet-stream';if(navigator.msSaveBlob){navigator.msSaveBlob(new Blob([content],{type:mimeType}),fileName);}else if(URL&&'download'in a){a.href=URL.createObjectURL(new Blob([content],{type:mimeType}));a.setAttribute('download',fileName);document.body.appendChild(a);a.click();document.body.removeChild(a);}else{location.href='data:application/octet-stream,'+encodeURIComponent(content);}