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 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 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 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.
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.
Geschreven door:
Jasper Seinhorst
Introduction In this blog, I would like to share my opinion on how we, as front-end developers, often make projects unnecessarily complex. We often think we’re doing the right thing, but are we? Where we used to say we could build a website in just a few days, now we provide timelines at the infamous Scrum…
Since my childhood, I have been passionate about cars and everything related to them. Even at a young age, I knew every model. I spent hours flipping through car magazines searching for new facts and always dreamed of owning an exotic car. Initially, I used to dream of owning a Ferrari, but as I grew older and wiser,…
As a frontend developer, my days are primarily filled with crafting JavaScript-based components using frameworks like Vue, React, or Angular. These frameworks excel at empowering me to create reusable frontend elements, whether it's buttons, modals, links, or accordions. However, as I reflect on my reliance on these…
