high performance site and prototype

[ACES Direct]

Hi,

The current prototype.js is about 130kb, on a high performance site
this is quite a lot. Does anyone have an idea how I can only use the
Ajax portion of prototype.js so the .js file gets smaller?

Thanks,

Greetings, Bram

[Christophe Porteneuve]

Hey Bram,

ACES Direct a écrit :

> The current prototype.js is about 130kb, on a high performance site
> this is quite a lot. Does anyone have an idea how I can only use the
> Ajax portion of prototype.js so the .js file gets smaller?

Best best: offload it to Google's CDN using their "Ajax Libraries APIs"
offer [1].

Otherwise, you can just configure your web server to GZip it (~30KB) and
set a long cache expiry to it, that does nicely as well.

[1] http://code.google.com/apis/ajaxlibs/documentation/

--
Christophe Porteneuve aka TDD
t...@tddsworld.com

[CoolEsh]

Or you can make compression with one of the known progs, that removes
comments, freespaces etc and get the version about 76 kb.

[David Dashifen Kees]

Configuring your web server to gzip it is easier than you'd think.  If you're interested, here's a link.  IT's for gzipping CSS, but with some tweaks you can apply it to javascript files, too.  It relies on .htaccess files, so you'll need the appropriate server environment.

http://www.fiftyfoureleven.com/weblog/web-development/css/the-definitive-css-gzip-method

 - Dash -

--
David Dashifen Kees

[jdalton]

I totally agree with gzipping.
Minified and gzipped Prototype is 20.7kb.

Currently YUI Compressor is compatible with Prototype 1.6.0.2 and its
use of the $super variable.
I have also modified a version of Dean Edwards packer 3 to support the
$super variable.

http://protosafe.googlecode.com/files/protopack_v2.19b.zip (package of
pre minified prototype and scriptaculous versions)
http://xnme.exofire.net/2008/05/speed-up-your-website-quick/ (how to
use mod deflate)

Here is an example .htaccess addition:

# References:
# http://www.g-loaded.eu/2008/05/10/use-mod_deflate-to-compress-web-content-delivered-by-apache/
# http://xnme.exofire.net/2008/05/21/speed-up-your-website-quick/
# http://httpd.apache.org/docs/2.0/mod/mod_deflate.html

<IfModule mode_deflate.c>

AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml
application/x-javascript
DeflateCompressionLevel 9

# Netscape 4.x has some problems...
BrowserMatch ^Mozilla/4 gzip-only-text/html

# Netscape 4.06-4.08 have some more problems
BrowserMatch ^Mozilla/4\.0[678] no-gzip

# MSIE masquerades as Netscape, but it is fine
# BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

# NOTE: Due to a bug in mod_setenvif up to Apache 2.0.48
# the above regex won't work. You can use the following
# workaround to get the desired effect:
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html

# Make sure proxies don't deliver the wrong content
Header append Vary User-Agent env=!dont-vary

</IfModule>


- JDD