Resources verkleinen (HTML, CSS en JavaScript)

Deze regels worden geactiveerd wanneer PageSpeed Insights detecteert dat het formaat van een van uw resources kan worden beperkt door middel van verkleining.

Overzicht

Het verkleinen van resources heeft betrekking op het verwijderen van onnodige bytes, zoals extra spaties, regeleinden en inspringing. Als u HTML, CSS en JavaScript kleiner maakt, kunt u de download-, parseer- en uitvoertijd verkorten. Voor CSS en JavaScript is het daarnaast mogelijk de bestandsgrootte verder te beperken door variabelenamen te hernoemen, op voorwaarde dat de HTML correct wordt bijgewerkt om ervoor te zogen dat de selectieopties blijven werken.

Aanbevelingen

U moet uw HTML, CSS en JavaScript verkleinen.

Voor het verkleinen van HTML kunt u de Chrome-extensie voor PageSpeed Insights gebruiken om een geoptimaliseerde versie van uw HTML-code te genereren. Voer de analyse uit voor uw HTML-pagina en blader naar de regel 'HTML verkleinen'. Klik op 'Geoptimaliseerde inhoud weergeven' om de geoptimaliseerde HTML-code weer te geven.

Voor het verkleinen van CSS kunt u YUI Compressor en cssmin.js proberen.

Voor het verkleinen van JavaScript gebruikt u de Closure Compiler, JSMin of de YUI Compressor. U kunt een bouwproces samenstellen dat deze tools gebruikt om de ontwikkelingsbestanden te verkleinen en te hernoemen en ze op te slaan in een productiedirectory.