Web Development‎ > ‎

Minifying HTML, CSS, JavaScript and Images

posted Sep 12, 2014, 1:07 PM by Chris G   [ updated Mar 22, 2017, 2:22 AM ]
Minification can make a big difference in the performance of your site, the user experience, but it cal also have a very big impact on your site's ranking.

Here are a few useful tools.

Awesome online tool, with great drag and drop interface, works on HTML, CSS and JS:



Minify your JavaScript

This is a free online tool:
http://javascript-minifier.com/

This website also offers some additional online services, such as "Crush your PNGs", and "Optimise your JPGs".




HTML Compressor

http://www.miniwebtool.com/html-compressor/




CSS Critical Path Generator


https://jonassebastianohlsson.com/criticalpathcssgenerator/




Google Guetzli image compressor

Guetzli is a JPEG encoder that aims for excellent compression density at high visual quality. Guetzli-generated images are typically 20-30% smaller than images of equivalent quality generated by libjpeg. Guetzli generates only sequential (nonprogressive) JPEGs due to faster decompression speeds they offer.

https://github.com/google/guetzli


Radical Image Optimization Tool (RIOT for short) 
This is a free image optimizer that will let you to visually adjust compression parameters while keeping minimum filesize. However, this is a Windows only application, available as a portable executable.