<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>Web Design &#187; bash</title> <atom:link href="http://patjack.co.uk/tag/bash/feed/" rel="self" type="application/rss+xml" /><link>http://patjack.co.uk</link> <description>Patrick Robertson</description> <lastBuildDate>Sat, 04 Feb 2012 12:39:25 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Batch compress all files in a folder with YUI Compressor</title><link>http://patjack.co.uk/batch-compress-all-files-in-a-folder-with-yui-compressor/</link> <comments>http://patjack.co.uk/batch-compress-all-files-in-a-folder-with-yui-compressor/#comments</comments> <pubDate>Mon, 24 May 2010 16:07:51 +0000</pubDate> <dc:creator>Patrick</dc:creator> <category><![CDATA[SEO]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[bash]]></category> <category><![CDATA[compress]]></category> <category><![CDATA[css]]></category> <category><![CDATA[google]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[script]]></category> <category><![CDATA[terminal]]></category><guid
isPermaLink="false">http://patjack.co.uk/?p=413</guid> <description><![CDATA[I&#8217;ve recently read up on the importance of site performance for search engine optimisation (SEO). Google is saying that this year (2010) it may start using the speed your site loads as a factor in determining where your site shows up in its results list. One great way of decreasing the load times of your [...]]]></description> <content:encoded><![CDATA[<p>I&#8217;ve recently read up on the importance of site performance for search engine optimisation (SEO).</p><p>Google is saying that this year (2010) it may start using the speed your site loads as a factor in determining where your site shows up in its results list.</p><p>One great way of decreasing the load times of your site is to compress the CSS and Javascript.<br
/> <span
id="more-413"></span><br
/> Before&#8230;<br
/> <img
src="http://patjack.co.uk/wp/wp-content/uploads/2010/05/uncompressed-300x137.png" alt="Uncompressed Javascript File" title="Uncompressed Javascript File" width="300" height="137" class="aligncenter size-medium wp-image-415" /><br
/> After&#8230;<br
/> <img
src="http://patjack.co.uk/wp/wp-content/uploads/2010/05/compressed-300x62.png" alt="Compressed Javascript File" title="Compressed Javascript File" width="300" height="62" class="aligncenter size-medium wp-image-417" /></a></p><p>There are several methods out there, but Yahoo&#8217;s YUI Compressor is supposed to be the best.<br
/> The compressor is a java (.jar) file that you need to run from the command prompt or terminal. The biggest flaw in it&#8217;s design is that you can only compress one file at a time.</p><p>Here comes the solution!</p><p>I&#8217;ve created a small bash script (.sh) that you can double click to convert all the javascript / css files in a folder (and all folders recursively)</p><p>here it is:<br
/> <code><br
/> #!/bin/sh<br
/> for file in `find . -name "*.js"`<br
/> do<br
/> echo "Compressing $file …"<br
/> java -jar min.jar --type js -o $file $file<br
/> done<br
/> </code></p><p>The file&#8217;s pretty self explanatory; it finds all the files ending in .js (you can change this to .css for CSS files) and performs the compress action on each file.</p><p>To get this to work, you must make the script executable (download mine at the end of this post) and have the YUI Compressor file in the same directory as the batch.sh script (note that it needs to be called min.jar)</p><p>From terminal, you just need to go to the directory with the javascript files in and type<br
/> <code>./batch.sh</code><br
/> to run the script.<br
/> <img
src="http://patjack.co.uk/wp/wp-content/uploads/2010/05/processing.png" alt="YUI Compressor compressing javascript files in a folder" title="YUI Compressor compressing javascript files in a folder" width="550px" class="alignnone size-full wp-image-420" /></p><p>et voila!</p><h3 style="color:#ff6600">Update &#8211; an ever better option</h3><p>If you put the batch.sh file in your /usr/local/bin folder then you&#8217;ll be able to use the command anywhere from within terminal (it must be chmodded a+x) I&#8217;ve made a file called &#8216;yuicompress&#8217; which means, if placed in the /usr/local/bin folder (you need root access) you can type &#8216;yuicompress&#8217; in terminal to get the command to work!</p><p>Type<br
/> <code><br
/> yuicompress arg<br
/> </code><br
/> where arg is either &#8216;css&#8217; or &#8216;js&#8217; (no quotes) to compress CSS or JavaScript respectively.<br
/> The one thing you need to do with this new script is place the min.jar (or compressor.jar as I&#8217;ve renamed it) in a global place. I chose ~/Library/Application Support/YUICompressor/compressor.jar</p><p>Download the files below and place the yuicompress in /usr/local/bin, and the YUICompress folder in ~/Library/Application Support/YUICompressor/compressor.jar to get this to work from any older on your Mac/Unix box <img
src='http://patjack.co.uk/wp/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><p>Downloads:<br
/> Script: <a
href="http://patjack.co.uk/files/batch.sh">Batch Convert for YUI Compressor</a><br
/> YUI Compressor: <a
href="http://patjack.co.uk/files/min.jar">YUI Compressor .jar file</a><br
/> Chmodded yuicompress script &amp; YUICompressor folder: <a
href=&#8221;http://patjack.co.uk/files/yuicompress.zip</p> ]]></content:encoded> <wfw:commentRss>http://patjack.co.uk/batch-compress-all-files-in-a-folder-with-yui-compressor/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced (User agent is rejected)

Served from: patjack.co.uk @ 2012-02-06 05:03:02 -->
