With everybody using grunt.js for linting, css compilation and minification nowadays, I wanted to make a simple experiment and see if I could do the same using a plain batch file – in Windows no less. Turns out some things are very easy and some quite tricky. While this article is about batch processing of html files, you can apply the same principle for any sort of batch processing in Windows.
I have a website that doesn’t change very often but that needs to be fast. Really fast. I’m using ngnix to serve pre-compressed gzip files for minimum overhead. All files are plain html, js and css.
What I wanted to achieve was that in the case of a change in site, to be able to run a simple batch that would:
- minify the changed files
- gzip the changed files
- upload the changed files to the live server.
The tools I’m using are:
- YUI Compressor for minifying javascript and CSS
- HTML Compressor for minifying html
- 7zip for making gzip files
- JPEGTran for optimizing JPEG files
- PGNOut for optimizing PGN files
- cwRsync for file upload via SSH
The algorithm of our batch file should be as follows:
- collect all the files we want to process
- check if there is a compressed version of the file (e.g. for file foo.html, check if there is a file foo.html.gz)
- if the gzip file exists and it’s older than the plain file
- delete it
- minify the plain file
- compress the minified file
- otherwise, skip deleting the compressed file and just run the minification + compression
Here’s the batch script:
FOR /R ".\myfolder\" %%i IN (*.html) DO ( IF EXIST %%i.gz ( FOR %%b IN (%%i.gz) DO ( IF "%%~ti" GTR "%%~tb" ( ECHO %%i.gz is older, replacing DEL %%i.gz java -jar bin\htmlcompressor.jar --simple-doctype --remove-style-attr --remove-link-attr --remove-script-attr --remove-surrounding-spaces max --compress-js --compress-css --js-compressor yui --preserve-php --type html %%i | bin\7z a %%i.gz -si -tgzip -mx9 ) ) ) ELSE ( ECHO creating %%i.gz java -jar bin\htmlcompressor.jar --simple-doctype --remove-style-attr --remove-link-attr --remove-script-attr --remove-surrounding-spaces max --compress-js --compress-css --js-compressor yui --preserve-php --type html %%i | bin\7z a %%i.gz -si -tgzip -mx9 ) )
Step by step, FOR /R ".\myfolder\" %%i IN (*.html) DO
loops recursively through all *.html
files in myfolder
and assigns the file name to variable %%i
. IF EXIST %%i.gz
is self-explanatory. The next FOR %%b IN (%%i.gz)
essentially creates a new file variable %%b
with “.gz” appended to the original variable.
Next we test to see which fie is newer – the plain one or the .gz one (IF "%%~ti" GTR "%%~tb"
). Here we hit a problem. %~t means date-time (see batch parameters) so we are comparing the datetime of the plain file with the datetime of the compressed file. The problem is the comparison is done as a string, not as a datetime object. I’ve seen many attempts to fix this problem, but the solutions are usually locale-dependent, assuming mm/dd/yy format.
The only way to fix this is via a registry hack: first we save the original date format, then we set the format to “yyyymmdd HHmmss”, we run the previous code and finally we switch back to the original format.
Here’s the full code:
@ECHO OFF REG COPY "HKCU\Control Panel\International" "HKCU\Control Panel\International-Temp" /f >nul REG ADD "HKCU\Control Panel\International" /v sShortDate /d "yyyyMMdd" /f >nul REG ADD "HKCU\Control Panel\International" /v sTimeFormat /d "HHmmss" /f >nul FOR /R ".\sparkchess\" %%i IN (*.html) DO ( IF EXIST %%i.gz ( FOR %%b IN (%%i.gz) DO ( IF "%%~ti" GTR "%%~tb" ( ECHO %%i.gz is older, replacing DEL %%i.gz java -jar bin\htmlcompressor.jar --simple-doctype --remove-style-attr --remove-link-attr --remove-script-attr --remove-surrounding-spaces max --compress-js --compress-css --js-compressor yui --preserve-php --type html %%i | bin\7z a %%i.gz -si -tgzip -mx9 ) ) ) ELSE ( ECHO creating %%i.gz java -jar bin\htmlcompressor.jar --simple-doctype --remove-style-attr --remove-link-attr --remove-script-attr --remove-surrounding-spaces max --compress-js --compress-css --js-compressor yui --preserve-php --type html %%i | bin\7z a %%i.gz -si -tgzip -mx9 >nul ) ) REG COPY "HKCU\Control Panel\International-Temp" "HKCU\Control Panel\International" /f >nul
Works like a charm.
The same principle can be applied to all file types.
So, is it worth the effort? Let’s look at WebPageTest.org:
0.8 seconds and straight ‘A’s to load 1MB, including webfonts and some large images – not bad at all.
One Response
Thanks Armand. I am very much looking for the solution to gzip. Thanks for helping me out. Great Great!! Keep it bro.
Comments are closed.