Uglify-js - minifikace JavaScriptu

Jednou z věcí, které se při současném vývoji webových aplikací doporučují, je minifikace javascriptů. Jak tedy na to?

V minulém článku jsem popisoval jak na Raspberry Pi nainstalovat Node.js. Použijeme ho k instalaci knihovny uglify-js. Ta nám umožní JavaScripty krásně „optimalizovat“ :-).

Uglify-js

Knihovnu nainstalujeme pomocí npm install s parametrem -g. Tento parametr umožní její použítí v terminálu.

npm install uglify-js -g
Máme tedy nainstalováno a můžeme začít

uglifyjs muj-script.js -o muj-script.min.js
Tímto příkazem zmenšíme muj-script.js a výsledek uložíme do muj-script.min.js.

Takže máme obě varianty. Jak klasickou a strukturovanou pro další vývoj, tak minifikovanou pro použití.

Zdroje
NPM stránka
GitHub repozitář

Uglify-es

Pokud ve svých projektech používáte vychytávky ECMAScript 6+ (() => {…}, for (var x of y), …), tak je nutné nainstalovat uglify-es. Bez tohoto balíčku bude při minifikaci docházet k chybám.

Např.
Unexpected token: operator (>)
Unexpected token name «of», expected punc «;»

Instalaci opět provedeme pomocí npm.

npm install uglify-es -g
Použití je stejné jako u uglify-js. Dokonce i naprosto stejný příkaz.

uglifyjs muj-script.js -o muj-script.min.js
Zdroje
NPM stránka
GitHub repozitář

Závěr

Minifikace JavaScriptů je jednou z věcí, které doporučuje Google PageSpeed Insights. Díky ní je možné ušetřit mnoho zbytečně přenášených bytů. Stránky tedy budou mít uživatelé rychleji načtené. A čím rychleji stránky reagují, tím lepší :-).

JavaScript

- (12. 2. 2018)

Líbil se vám článek?

Nasdílejte ho svým přátelům na sociálních sítích.

Google+

Názory, připomínky a jiné komentáře

Zatím nikdo nic nenapsal. Buďte první :-).

Vložit nový komentář
Kája z Norska
Kája z Norska

Jsem programátor, horolezec a tak trochu FlexiBee fanatik :-).
Na CharlieBlogu sepisuji své nápady a poznatky už od roku 2006.

Powered by CharlieBlog Engine v2.0