shapeshifter.se » Apache http://www.shapeshifter.se Mostly miscellaneous technical mumbo-jumbo. Sat, 12 Dec 2009 12:00:49 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 Pre-compressed JavaScript files http://www.shapeshifter.se/2009/11/08/pre-compressed-javascript-files/ http://www.shapeshifter.se/2009/11/08/pre-compressed-javascript-files/#comments Sun, 08 Nov 2009 11:54:54 +0000 fli http://www.shapeshifter.se/?p=671 You can save bandwidth by pre-compressing your JavaScript files with gzip without relying on dynamic compression such as mod_deflate.  To to this properly and having it working across all browsers you’ll need to modify your webserver to return the correct mime type and encoding for the file.

Most browsers are quite liberal in what they accept, except for Safari/Konqueror. For some reason it doesn’t like it if a JavaScript file ends in .gz, it ignores the content-encoding and attempts to read the compressed data as JavaScript. The key to make it work is to create a new extension, for example .jgz and set the Content-Encoding for this extension to gzip AND to set the mime type of .js to text/javascript, not text/plain or application/x-javascript.

To recap, call the file script.js.jgz and make sure your webserver delivers it with the following options

Content-Encoding: gzip
Content-Type: text/javascript

Just include the file as usual

<script type="text/javascript" src="script.js.jgz"></script>

This has been tested with the following browsers

  • Firefox 3.0/3.5
  • Opera 10
  • Internet Explorer 7
  • Konqueror (webkit based, behaves like Safari)
  • Google Chrome 3
  • Epiphany

Apache

Put the following in a .htaccess file

AddType text/javascript .js
AddEncoding gzip .jsz

thttpd

Add jsz gzip to mime_encodings.txt and change the type for js in mime_types.txt to js text/javascript.

]]> http://www.shapeshifter.se/2009/11/08/pre-compressed-javascript-files/feed/ 0