Skip to main content

Uglifying

De term “Uglifying” komt uit de wereld van de softwareontwikkeling. Deze term wordt gebruikt om de gerichte verwijdering van onnodige tekens uit de broncode aan te geven zonder de werking van het programma aan te tasten. Deze omvatten, bijvoorbeeld:
Ruimtes

  • Opmerkingen
  • Regeleindes
  • Blokidentificatiesymbool
Deze speciale tekens zijn nuttig om de broncode van een programma duidelijker en gemakkelijker leesbaar te maken voor ontwikkelaars. Voor de uitvoering van de programma’s spelen deze personages echter geen rol en zijn zij ook niet nodig. Als algemeen concept wordt dit proces vaak “minifying” genoemd. Minifying wordt vooral gebruikt op het gebied van webontwikkeling. Het verwijderen van overbodige tekens is dus niet alleen nuttig voor JS-scripts (JavaScript), maar wordt ook gebruikt voor HTML- en CSS-bestanden.

YouTube

By loading the video, you agree to YouTube’s privacy policy.
Learn more

Load video

Algemene informatie over Uglifying

Douglas Crockford, een Amerikaans-Amerikaanse computerwetenschapper en auteur van het boek “JavaScript the Good Parts”, publiceerde in 2003 de tool JSMin, waarmee spaties en commentaar uit de broncode van Javascript kunnen worden verwijderd. Dit concept werd overgenomen door Google en in de loop der jaren gerealiseerd in de vorm van talrijke hulpmiddelen, zodat er vandaag talrijke plug-ins, hulpmiddelen en bibliotheken beschikbaar zijn voor het minimaliseren van de broncode. Wat hun wijze van functioneren betreft, hebben deze gereedschappen gewoonlijk de volgende gemeenschappelijke kenmerken:

  • Minifying: In dit proces worden alle overbodige strings ingekort of, indien nodig, volledig verwijderd.
  • Linting: De geminimaliseerde broncode wordt gecontroleerd op syntactische fouten.
  • Aaneenschakeling: Gelijksoortige gegevenstypen kunnen in één bestand worden samengevoegd. Dit omvat Javascript- en CSS bestanden met de extensies .js en .css.

Uglifying in de praktijk

Als onderdeel van dit proces wordt de broncode op verschillende manieren verwerkt:

  • Onnodige ruimte wordt geëlimineerd. Dit omvat, bijvoorbeeld, spaties en regeleinden.
  • Namen van variabelen en constanten worden ingekort en teruggebracht tot de essentie, zodat de nieuwe namen in veel gevallen uit slechts één teken bestaan.
  • Om ruimte te besparen, worden arrays getransformeerd in objecten.
  • De volgorde van subroutine declaraties kan worden veranderd.
  • Lange IF-ELSE statements worden geoptimaliseerd.

Beschikbare instrumenten en toepassingen

Er bestaan nu talrijke hulpmiddelen, scripts en toepassingen voor Uglifying broncode. Sommige daarvan kunnen online worden gebruikt via “Kopiëren en plakken“. Bekende voorbeelden van dergelijke webhulpmiddelen zijn de online YUI-Compressor of Jsmini. Toepassingen die lokaal op de computer worden geïnstalleerd en via een grafische gebruikersinterface(GUI) worden bediend, zijn onder meer CodeKit en Koala. Deze toepassingen bieden naast minimalisering nog andere functionaliteiten. Verder zijn er toepassingen voor codeUglifying die via de opdrachtregel worden aangestuurd. Deze hulpmiddelen zijn bijvoorbeeld Gulo, Grund of de Google Closer Compiler.

Gebruik van bruikbaarheid voor ontwikkeling

Veel hulpmiddelen verkleinen niet alleen de omvang van de broncode, maar analyseren en controleren ook alle verwijzingen en de syntaxis van een broncodebestand. Dit proces heeft de volgende voordelen in de context van software- en webontwikkeling:

  • Websites laden sneller en zijn over het algemeen responsiever
  • hogere prestaties bij gegevensoverdracht
  • betere gebruikerservaring dankzij geoptimaliseerde gebruiksvriendelijkheid
  • Broncode wordt gevalideerd en op fouten gecontroleerd
    Bovendien biedt Uglifying het doorslaggevende voordeel dat concurrenten de broncode niet eenvoudig kunnen kopiëren en reproduceren, aangezien de transparantie en begrijpelijkheid van de code aanzienlijk wordt beperkt.

Heeft u nog vragen?

Neem contact met ons op


Verdere inhoud