#Python minify install#
#Python minify code#

$ uglifyjs -compress -mangle -o test_min.js - test.js It will look like this: $(document).ready( function() )

#Python minify code#

IвЂ™ll create a dummy js file called test.js and add some JavaScript code to it. The format for calling uglifyjs is as follows: We reduced the file size by 29KB UglifyJs Now IвЂ™ve created two minified HTML files, test_min1.html and test_min2.html. $ html-minifier -collapse-whitespace -remove-comments -remove-optional-tags -remove-redundant-attributes -remove-script-type-attributes -remove-tag-whitespace -use-short-doctype test.html -o test_min2.html You also need the -o command at the end, which specifies your output file location and name. This will give you a list of options you can run. You can pick which commands youвЂ™d like to use by looking at either the docs or running html-minifier -help in the command line. Now IвЂ™ll run the html-minifier with two sets of commands and compare the file sizes afterwards.ДЇor the first experiment, IвЂ™ll use -collapse-whitespace this command will вЂњCollapse white space that contributes to text nodes in a document tree.вЂќ $ html-minifier -collapse-whitespace test.html -o test_min1.htmlДЇor the second experiment, IвЂ™ll use a few more commands. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. It will look like this, IвЂ™ll save it as test.html: This is my page All About Me! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. IвЂ™ll create a simple home page with just some text. IвЂ™ll make a dummy HTML file to see how the file size is affected by the html-minifier. The format for calling html-minifier is as follows: in your ~/ directory as well as your ~/Desktop/myProjects folderвЂ¦as well as, anywhere else! Usage html-minifier The `-g` installs the tools globally, so you can call them from any location.

#Python minify install#

Open a terminal and execute the following commands to install the tools: $ npm install -g html-minifier $ npm install -g cssnano $ npm install -g uglify-js WeвЂ™ll be creating a bash script do complete these 3 actions, so we should install all the tools as command line apps. What do we have to do/what tools will we use? Getting rid of this extra data reduces your siteвЂ™s file sizes and leads to faster load times.

Some examples of вЂњunnecessary charactersвЂќ are:

Minifying your resources means getting rid of unnecessary characters that the browser doesnвЂ™t need to process your resources and render your site. In this tutorial weвЂ™ll construct a bash script to minify resources (HTML, CSS, JavaScript) on your static site