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:
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 JavaScript-bestanden samenvoegen hebt ingeschakeld op de pagina Beheer > Configuratie > Ontwikkeling . U kunt ook meer geavanceerde aggregatieopties configureren via extra modules om uw site te versnellen door uw JavaScript-items aaneen te schakelen, te verkleinen en te comprimeren.
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.
Reageer
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.