Siis…

Versioon PHP by Setor
Versioon PHP 2 by MiamiBC (kõige lihtsam ja arusaadavam)
Java version by Incubo
Minu versioon Ruby keeles
Mika Tuupola versioon JavaScript

Kui sul on mingi teine versioon siis saada mulle ka

‘Minify’ is a plugin to minify JavaScript and/or CSS code and combine it
into one file on the fly. This will increase performance of website.
So you don’t need to do dozens HTTP request for every JavaScript or CSS file.
Minify plugin is more useful and faster with Funky cache plugin.

Usage

Install the minify plugin to your Frog CMS plugins directory:

$cd /path/to/frog/plugins/
$git clone git://github.com/dknight/minify.git

Activate minify plugin

Set the settings

So next step you need to create ‘cache’ directory in your document root and make it
writable. Due to security settings most webservers doesn’t allow you to create
directories dynamically, so you need to create it manually. Create it in your DOCUMENT_ROOT/cache/ and set writtable permissions.

$mkdir /website/root/cache/
$chmod 0666 /website/root/cache/

Usage in Frog CMS

<?php
$jsFiles = array(
    '/public/javascripts/jquery-1.3.2.min.js',
    '/public/javascripts/jquery.validate.min.js',
    '/public/javascripts/jquery.form.js',
    '/public/javascripts/frog.js'
);
$cssFiles = array(
    'path/to/master.css',
    'path/to/subpage.css',
    'path/to/ie-fix.css'
);

$js_minify  = Minify::factory('js');
$css_minify = Minify::factory('css');
?>

HTML:

...
<link href="<?php echo $css_minify->minify($cssFiles, true); ?>" rel="stylesheet" type="text/css" />
...
<script type="text/javascript" src="<?php echo $js_minify->minify($files, true); ?>"></script>
...

The ‘minify’ method can pass 3 parameters:

You can download or check source. This stuff is really simple as hell, anyway there is a small documentation inside archive.

Here you can see the most fresh Estonian currency rates

Obama vs McCain.

OK, lets begin our story. When you create a PNG files in Photoshop they seems to be quite large. “Why” you ask? I answer, because Adobe Photoshop (even CS3) don’t know how to save PNG format correctly (strange, but Adobe Fireworks does). Ok, lets see why

Look at these vivid magenta zones? What are they?

These magenta zones are pixels with real transparent color values, but other transparent stuff have different data (if you fluent in Russian you can read this page and learn how to remove this extra data manually in Photoshop). So we need to remove this extra data to make file size lesser.

As technology guy I’m too lazy to do these removing operations by hand. So I have written script to make this work faster and more happy. Moreover the script uses all power of zlib to compress PNG images, what Photoshop doesn’t fully use.

Script is written in PHP and I recommend to run it from command line, not from browser, because it can hang up your Firefox.

Download or check source.

To run script, use this command in your console, be sure that your PHP is complied correctly with GD library:
$php optpng.php [dir]
For more information see comments inside script.

Some examples

Before	After
59 606 bytes	50 915 bytes
Before	After
53 696 bytes	50 869 bytes

In this examples we get a slight gain, but when you use more larger images your winning in size up to 50% without any lose of quality. Anyway as tests show you will win average 25% in size. See example of script output information (265 Kb less, not bad).

When I learn Ruby better I will do clone in Ruby.

So have fun and don’t believe what you see!

PS. You can use much better image optimizer Smush it!.