Question

I’m using Yahoo’s Minifier here:

http://refresh-sf.com/yui/

I use it to compress CSS and Javascript. It also has the option to zip/encode the data.

The .css version looks like this – ArcC.min.css.gz

The .js version looks like this – ArcJ.min.js.gz

Can I plug this in to my HTML directly like this, after I upload the files to my server?

<link rel="stylesheet" type="text/css" href="ArcC.min.css.gz"/>

<script type="text/javascript" src="ArcJ.min.js.gz"></script>

Answer 1

See this article on gziping CSS. As mentioned in the article, the best solution is to have your server gzip all outgoing files.

Here’s the relevant code from that page.

<?php 
ob_start ("ob_gzhandler");
header("Content-type: text/css; charset: UTF-8");
header("Cache-Control: must-revalidate");
$offset = 60 * 60 ;
$ExpStr = "Expires: " . 
gmdate("D, d M Y H:i:s",
time() + $offset) . " GMT";
header($ExpStr);
?>

.htaccess:

AddHandler application/x-httpd-php .css
php_value auto_prepend_file gzip-css.php
php_flag zlib.output_compression On