How to GZIP my JS und CSS Files

Question

Hello everyone,

I habe a Problem, I have to gzip a prototype Lib, but i totaly have no idea how to do this, where to start und how does it works :)

I find some tutorials but that wasn't helpfull...

So I have a folder with my JS Files

/compressed/js/ 1.js 2.js 3.js

I caling this files for a test in this file

/compresses/index.php

<link rel="javascript" type="text/js" href="js/tabs.js" />
<link rel="javascript" type="text/js" href="js/fb.js" />

So what I have to do? :)

Answer 1

Perhaps you should look at the mod_deflate module for Apache: http://httpd.apache.org/docs/2.0/mod/mod_deflate.html

Answer 2

You need to handle this stuff using the configuration for HTTP server that you are using.

Could you please tell me which server you are using ? IIS/Apache ?

Following is link for compression with the IIS

Answer 3

You can use apache's mod_deflate to automatically compress your files on the fly.

Example:

AddOutputFilterByType DEFLATE text/html text/xml text/css text/javascript 

[edit]

To check if your apache server has already output compression enabled, put the example above into an .htaccess file. Then load an html or js file via the server and check the headers for "Content-Encoding", if it says gzip or deflate, it is enabled.