Software-update: JSMin+ 1.2

Als je Packer gebruikt met base-62 encoding gaat je parsetijd inderdaad omhoog, in alle andere gevallen heeft het wel degelijk een positief (maar relatief klein - zeker als je al gzip compressie toepast) effect op de clientside performance.

Zoals ik zelf al meerdere malen heb aangegeven valt er vaak meer winst te bereiken op andere punten en is javascript minificatie zeker geen silver bullet.

Met vergelijkbare settings (JSMin+ ondersteunt nog geen minificatie van variabelen) ontlopen de resultaten elkaar niet zo. JSMin+ weet er vaak nog net een paar extra bytes af te snoepen, maar dat is redelijk verwaarloosbaar.

Packer heeft echter als nadeel dat het bepaalde eisen stelt aan de syntax van je javascript; optionele puntkomma's weglaten is uit den boze. Ook functie declaraties moeten afgesloten worden met een puntkomma, iets wat bijna niemand normaliter doet. De base62 encoding is enkel handig als je om wat voor reden dan ook geen gzip compressie kan toepassen bij het serveren van je javascript files, aangezien die encoding zelf weer een nadelig effect heeft op de clientside performance (het unencoden van de javascript op elke pagina kost ook tijd). Verder kan het minificeren van variabelen in Packer inderdaad potentiele problemen opleveren; er zit niet een volledige JS parser achter waardoor probleemgevallen niet gedetecteerd en ontweken kunnen worden.

YUI Compressor zit erg goed in elkaar en gebruikt ook een volledige JS parser (Rhino - het java-broertje van SpiderMonkey*). Het is echter nogal een lijvige tool, en het is java-based. JSMin+ is ontstaan vanuit de behoefte om iets te hebben dat simpel en snel ingezet kan worden in onze eigen, PHP-based, omgeving.

Wat voor jou de beste keuze is hangt dus af van wat het beste te integreren is in jouw eigen workflow. Als je nu YUI Compressor al gebruikt is er weinig reden om over te stappen op JSMin+. Misschien wel wanneer wij ook variabele minificatie ondersteunen en ook op dat punt betere resultaten kunnen halen

* JSMin+ is gebaseerd op Narcissus wat weer het javascript broertje van SpiderMonkey is; deze was redelijk eenvoudig te porten naar PHP. Meer over het hoe en waarom van JSMin+ is te lezen op mijn weblog: http://crisp.tweakblogs.n...ript-minifier-jsmin+.html

[Reactie gewijzigd door crisp op 24 juli 2024 18:28]

Als je meerdere kleine javascripts include op een pagina loont het sowieso om te kijken of je die scripts niet kan combineren; het verlagen van het aantal HTTP requests geeft een nog veel grotere verbetering van de clientside performance dan minificatie - zeker als je al gzip compressie gebruikt.

Minificatie van bestanden moet je eigenlijk pas doen als je dat ook snel en eenvoudig kan integreren in je deployment proces en als je op andere punten eigenlijk geen winst meer kan behalen