Grow your CSS skills. Land your dream job.

Batch compression or optimization or reduce white spaces of.css .js and .html code

  • # March 7, 2013 at 10:36 am

    is any tool or software where i bach compress my html css and javascript code….

    i search on internet .most of the answer is use yui compressor…
    but not mansion how to use it
    cheek this link its not working for me…http://www.scriptiny.com/2013/01/minify-js-and-css-files-in-batch-with-drag-and-drop/

    2)and i did not get any solution from Bach compression of html file

    any video tutorial for this

    # March 7, 2013 at 10:54 am

    **YUI compressor** indeed.
    However I don’t think there is much to explain: you put the content of your file in the big textarea and you click Compress.

    in 99.99%, you don’t compress HTML content.

    # March 7, 2013 at 10:59 am

    i tried but not work for me ..i am installl java for that..but its not help me

    # March 7, 2013 at 11:05 am

    Doesn’t work for me either.

    # March 7, 2013 at 11:06 am

    No batch option but this might help: http://refresh-sf.com/yui/

    # March 7, 2013 at 11:10 am

    i know this website but more than 40 .js and css file .i want to compress at at a time..

    # March 7, 2013 at 11:13 am

    > No batch option but this might help: http://refresh-sf.com/yui/

    That was what I was suggesting. Maybe I haven’t been clear enough.

    # March 7, 2013 at 11:14 am

    >i know this website but more than 40 .js and css file .i want to compress at at a time..

    Patience….

    # March 7, 2013 at 12:17 pm

    Doesn’t CodeKit do this automagically with a bit of configuration? I know it does CSS and JS, and I’m pretty sure it’ll compress HTML as well now.

    If you can’t use CodeKit, perhaps something like the HTML5 Boilerplate ant build script would be useful? If you know what you’re doing, it’s pretty easily modifiable. You can also make your own ant script with a bit of XML know-how.

    https://github.com/h5bp/ant-build-script

    http://www.youtube.com/watch?v=OXpCB3U_4Ig

    Sublime Text 2 may have a few plugins that could help with this, also, though I haven’t looked into it.

    # March 7, 2013 at 1:21 pm

    Searching for online php compression and/or online html compression brings up relavent results. However you do not need to do this. It will bring you no visible speed results. If you wish to compress the correct way do it view htaccess. That will speed up your site dramatically.

    # March 7, 2013 at 4:06 pm

    JoshBlackwood thx i will check tomorrow..i am window user…

    any video tutorial how to use google developer tool ..

    # March 7, 2013 at 4:53 pm

    any idea how run this script on windows

    # March 7, 2013 at 11:35 pm

    Here’s a windows app that uses YUI that allows you to drag, drop, and compress a whole bunch of files at once:
    http://yuilibrary.com/forum/viewtopic.php?p=262

    It can even append an extension to make something such as style.css and scripts.js save compressed to style.min.css and scripts.min.js

    Same concept as the .bat option you posted, but it provides a GUI front-end instead.

    # March 7, 2013 at 11:55 pm

    For JavaScript, [Google's Closure Compiler](https://code.google.com/p/closure-compiler/)

    For CSS, I [use SASS](http://sass-lang.com/) `sass –watch style.scss:style.min.css –style compressed` on my Linux (same command should work on MAC). [Windows install guide](http://www.impressivewebs.com/sass-on-windows/).

    Even if you are not using SASS in your development you can simply rename your CSS file `*.css => *.scss` and run the above command. Out comes minified version.

    I don’t compress HTML, no need if gzip enabled on your server.

    # March 8, 2013 at 3:00 am

    JoshBlackwood its work perfectly……i am using git method..

    but i am trying windows method ..it will not work..i am noob in java..so just tell me where i please my project and run this .bat file

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".