Verklein CSS

Spaties, regeleinden, inspringingen en commentaar maken een stylesheet makkelijk leesbaar voor mensen, maar browsers hebben ze niet nodig. Plak je CSS, en de verkleinde code verschijnt terwijl je typt, met de grootte in bytes en hoeveel er is bespaard. Alleen wat niets verandert wordt verwijderd: de spatie in een descendant-selector zoals nav a blijft staan, omdat nava een andere selector zou zijn, en dat geldt ook voor de spaties die calc() nodig heeft. Commentaar dat met /*! begint, meestal een licentie, blijft bewaard.

Dezelfde tool verkleint ook HTML en JavaScript: kies de taal boven het veld. Bij HTML verwijdert “Commentaar verwijderen” het commentaar, en “Ook de CSS en JavaScript erin verkleinen” verkleint ook de stijl- en scriptblokken van de pagina. JavaScript wordt eerst door je browser gecontroleerd, en bevat de code een fout, dan toont de tool die in plaats van de code te verkleinen. Verkleinen vult de gzip- of Brotli-compressie van de server aan, want ze verkleinen het bestand op verschillende manieren. Je code wordt nergens naartoe gestuurd.