Tools zoals Gulp en Grunt helpen front-end developers bij de ontwikkeling van websites of webapplicaties. De termen Concat, Uglify en Minify worden door beide tools gebruikt, maar wat betekenen deze termen en nog belangrijker, wat kunnen we ermee?
Concat
Concat komt van het woord concatenation, wat letterlijk vertaald betekent dat tekenreeksen op elkaar worden aangesloten. Bij Grunt of Gulp tasks betekent dit dat verschillende bestanden worden samengevoegd tot één bestand. Verschillende javascript bestanden worden bijvoorbeeld samengevoegd tot één javascript bestand. Het voordeel van het hebben van één bestand is dat de laadtijd van een website of webapplicatie verminderd wordt.
Uglify
Uglify is de naam van het proces om code onleesbaar te maken. Variables, functienamen krijgen andere onleesbare namen zodat reverse engineering van de code lastig wordt. Dit zorgt er voor dat programmeurs en hackers de code niet of nauwelijks kunnen lezen en begrijpen en eventuele onveilige code niet snel gevonden wordt.
Minify
Minify is de naam van het proces om de geschreven code compacter te maken. Zo worden spaties, enters, semicolons en optione brackets uit de code verwijderd. Minification zorgt ervoor dat de grootte van een bestand vors wordt verminderd wat ten goede komt aan de download snelheid van het bestand.
Conclusie
Voor een optimaal werken website is het aan te raden om een combinatie van concatenation, uglifying en minification te gebruiken. Dit maakt de geschreven code veiliger en zorgt er voor dat de website of webapplicatie sneller zal laden. Tools zoals Gulp en Grunt helpen goed. Je kunt ook applicaties zoals PrePros of CodeKit gebruiken als je minder bekend bent met command line tools.