"JavaScript Minifier

"JavaScript" minifikavimas suspaudžia kodą pašalindamas baltąsias eilutes, eilučių pertraukas ir komentarus, sutrumpindamas kintamųjų vardus ir taikydamas kitus optimizavimo būdus. Tai gali sumažinti failo dydį 30-60 % ar daugiau, todėl greičiau atsisiunčiami duomenys, greičiau vykdomi scenarijai ir pagerėja svetainės veikimas. Tai labai svarbus žingsnis ruošiant "JavaScript" gamybiniam diegimui.

Tiesiog įklijuokite "JavaScript" kodą į įvesties lauką ir spustelėkite "Minify JavaScript". Įrankis apdoros jūsų kodą, pašalindamas nereikalingus simbolius, optimizuodamas struktūrą ir galbūt sutrumpindamas kintamųjų pavadinimus. Gausite kompaktišką, gamybai paruoštą "JavaScript", kuriame išliks visos funkcijos, tačiau jis bus gerokai mažesnis.

Tinkamai atliktas minifikavimas išsaugo visas funkcijas. Tačiau tam tikri kodavimo modeliai gali kelti problemų, pavyzdžiui, kodas, kuriame atspindžio tikslais naudojami tam tikri kintamųjų vardai arba tam tikrais atvejais trūksta kabliataškio. Prieš diegdami visada išbandykite minifikuotą kodą. Sudėtingoms programoms naudokite pripažintus minifilerius, pavyzdžiui, "Terser" arba "UglifyJS", kurie tinkamai tvarko kraštinius atvejus.

Taip, "JavaScript" mažinimas yra standartinė geriausia gamybinės aplinkos praktika. Tai gerokai sumažina failų dydį, pagerina įkėlimo laiką ir gali sumažinti duomenų srauto pralaidumo sąnaudas. Tačiau visada išsaugokite originalų pirminį kodą, kad galėtumėte jį kurti ir derinti. Jei reikia, naudokite šaltinio žemėlapius, kad sumažintą kodą atvaizduotumėte atgal į originalų ir galėtumėte jį derinti gamykloje.

Minifikavimas pašalina nereikalingus simbolius ir optimizuoja kodo struktūrą prieš diegimą, o suspaudimą (pvz., gzip arba Brotli) žiniatinklio serveriai taiko perdavimo metu. Abu šie būdai veikia kartu, kad būtų pasiektas didžiausias efektyvumas. Pirmiausia minifikuokite, kad sumažintumėte šaltinio failo dydį, tada leiskite serverio suspaudimui dar labiau sumažinti perduodamo failo dydį. Naudojant abu šiuos būdus, "JavaScript" failų dydį galima sumažinti 70-90 %.

Iš dalies. Galima atkurti baltąsias eilutes ir formatavimą (gražinimas), tačiau sutrumpintų kintamųjų vardų ir pašalintų komentarų visiškai atkurti negalima. Pirminiai semantiniai kintamųjų pavadinimai ir komentarai prarandami. Štai kodėl visada turėtumėte saugoti originalų pirminį kodą. Šaltinio žemėlapiai gali padėti atvaizduoti sumažintą kodą atgal į originalų, kad būtų galima jį derinti.

Šaltinio žemėlapiai (.js.map failai) atvaizduoja sumažintą kodą atgal į pradinį šaltinį, kad būtų galima jį derinti. Jie yra neįkainojami gamybos klaidų sekimui, nes leidžia matyti įskaitomas kamino eilutes, kai atsiranda klaidų. Tačiau jie atskleidžia jūsų pirminį kodą. Šaltinio žemėlapius dislokuokite tik klaidų sekimo tarnybose (ne viešai) arba apribokite prieigą tik autentifikuotiems naudotojams ir (arba) kūrėjams.

Taip, šiuolaikiniai minifileriai, tokie kaip "Terser", visiškai palaiko ES6+ sintaksę, įskaitant rodyklių funkcijas, async/await, destrukciją ir modulius. Tačiau minifikavimas neperkelia kodo. Jei jums reikia senesnių naršyklių palaikymo, pirmiausia naudokite "Babel", kad ES6 perkeltumėte į ES5, tada minifikuokite išvestį. Daugelis kūrimo įrankių abu veiksmus atlieka automatiškai.

Be mažesnio atsisiunčiamų duomenų kiekio, minifikavimas gali šiek tiek sutrumpinti analizės laiką, nes reikia apdoroti mažiau kodo. Tačiau pernelyg agresyvus minifikavimas (pvz., visų savybių pavadinimų keitimas) kartais gali pakenkti "JavaScript" varikliams, kurie optimizuoja pagal savybių pavadinimus. Kad pasiektumėte geriausią pusiausvyrą, laikykitės standartinio minifikavimo.

Ne, neperminifikuokite jau minifikuotų bibliotekų, pavyzdžiui, jQuery.min.js arba React.min.js. Tai labai nesumažins dydžio ir gali sukelti klaidų. Vietoj to naudokite iš anksto minifikuotas versijas iš CDN. Minifikuokite tik savo kodą, tada jį pateikite atskirai arba kartu su tiekėjų bibliotekomis, jų iš naujo neapdorodami.