JavaScript verkleinen

Het verkleinen van JavaScript-bestanden kan de payloadgrootte en de parseertijd van scripts verminderen. In het gedeelte Mogelijkheden van uw Lighthouse-rapport worden alle niet-verkleinde JavaScript-bestanden vermeld, samen met de potentiële besparingen in kibibytes (KiB) wanneer deze bestanden worden verkleind:

Een screenshot van de Lighthouse Minify JavaScript-audit

Hoe u uw JavaScript-bestanden kunt verkleinen

Minificatie is het proces waarbij witruimte en alle code die niet nodig is, worden verwijderd om een ​​kleiner maar perfect geldig codebestand te maken. Terser is een populaire JavaScript-compressietool. webpack v4 bevat standaard een plug-in voor deze bibliotheek om verkleinde build-bestanden te maken.

Stapelspecifieke begeleiding

Drupal

Zorg ervoor dat u Aggregate JavaScript-bestanden hebt ingeschakeld op de pagina Beheer »Configuratie»Ontwikkeling .

Joomla

Een aantal Joomla-extensies kunnen uw site versnellen door uw scripts samen te voegen, te verkleinen en te comprimeren. Er zijn ook sjablonen die deze functionaliteit bieden.

Magento

Gebruik Terser om alle JavaScript-middelen van de implementatie van statische inhoud te verkleinen en de ingebouwde verkleiningsfunctie uit te schakelen.

Reageren

Als uw buildsysteem JS-bestanden automatisch verkleint, zorg er dan voor dat u de productiebuild van uw applicatie implementeert. U kunt dit controleren met de React Developer Tools-extensie.

WordPress

Een aantal WordPress-plug-ins kunnen uw site versnellen door uw scripts samen te voegen, te verkleinen en te comprimeren. Mogelijk wilt u indien mogelijk ook een bouwproces gebruiken om deze verkleining vooraf uit te voeren.

Bronnen