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ší 🙂.
