Resources optimizations - VNSECURITY/tradahacking GitHub Wiki
Images
####For Windows
You can optimize images by running all_image_optimization.bat from \automation\images\ folder
all_image_optimization.bat -d -jtran -pout -pquant -optip -gsicle -svgo
Parameters:
- -d - default path to images' folder (you can pass your own path:
all_image_optimization.bat D:\development\web\zeppelin\images -jtran) Required! - -jtran - optimize JPEG images (suggested by Web Fundamentals)
- -pout - lossless PNG optimization
- -optip - lossless PNG optimization (suggested by Web Fundamentals)
- -pquant - lossy PNG optimization (suggested by Web Fundamentals)
- -gsicle - create and optimize GIF images (suggested by Web Fundamentals)
- -svgo - Nodejs-based tool for optimizing SVG vector graphics files (suggested by Web Fundamentals) (Nodejs required)
For -svgo intall Nodejs and then run command
[sudo] npm install -g svgo
You can use some of parameters. For example
all_image_optimization.bat -d -jtran -optip
Moreover, you can run the files separately jpegtran.bat, pngout.bat, optipng.bat, pngquant.bat, gifsicle.bat or svgo.bat which by default will optimize all images in /img/ folder and subfolder or pass a path to the folder.
jpegtran.bat
Or
jpegtran.bat D:\development\web\zeppelin\images
####For MacOS and Linux
-
Mac OS users available amazing tool - imageoptim. Thanks @raphaelsavina for link.
-
The other option is this command line utility which is based on ImageOoptim.app and can be used in Linux and MacOS. I can be installed like this:
gem install image_optim
More information about installation and usage can be found on its website: https://github.com/toy/image_optim It uses almost the same utilities for the mentioned ones for Windows.
Minify CSS and JS
1. Optimize CSS and JS separately
You can also run the files separately minify_css.bat (minify_css.sh) or minify_js.bat (minify_js.sh) You can use some of them.
For Windows:
minify_css.bat
minify_css.bat D:\development\web\zeppelin\styles
For Linux or MacOS:
./minify_css.sh
./minify_css.sh ../../css
Note: When the folder is not specified, the default css and js folders will be used.
2. Only minify default CSS and JS files.
Also you can generate .min files only of main.css and scripts.js
minify_main_css.bat
minify_scripts_js.bat