Comments on: Combo Handler Service Available for Yahoo-hosted JS http://yuiblog.com/blog/2008/07/16/combohandler/ News and Artilces about Designing and Developing with Yahoo! Libraries. Fri, 05 Dec 2008 10:19:37 +0000 http://wordpress.org/?v=2.3.3 By: Remi Alvado http://yuiblog.com/blog/2008/07/16/combohandler/#comment-427849 Remi Alvado Thu, 24 Jul 2008 09:49:54 +0000 http://yuiblog.com/blog/2008/07/16/combohandler/#comment-427849 I'm working for Kelkoo Front-End team and I have already developped a script which is able to : . read a configuration file where a list of JS files is declared. For each file, some options can be set (has to be minify or not, has to be included in the final file, has to be obfuscated, ...). . launch JSLint on each of the files and send a mail to a mailing list with only the diff between the old version and the new one. . launch YUICompressor to compress the file with the given options (obfuscated or not) . concat all JS files into a bigger one and commit this file to a CVS server if it is different from the older version. On Kelkoo, we have several "global" files, each one is included on somes pages (depending on the needs : no need to include a carousel on a page without one for example :) ). So, my script is able to handle this and to generate a set of global files. Currently, it works for a few weeks, every hour on separate servers. Webdevs just need to commit their "small" file and global files are automatically generated and commited but in an asynchronous way. On development servers, we have a PHP script which generates global JS files on the fly using the same configuration file. In conclusion, thanks to those tools, we only have one JS file included on each pages and we have increase our performances. Nevertheless, we still need to have a dynamic-generated JS file on production servers for setting some JS configuration. :( I’m working for Kelkoo Front-End team and I have already developped a script which is able to :
. read a configuration file where a list of JS files is declared. For each file, some options can be set (has to be minify or not, has to be included in the final file, has to be obfuscated, …).
. launch JSLint on each of the files and send a mail to a mailing list with only the diff between the old version and the new one.
. launch YUICompressor to compress the file with the given options (obfuscated or not)
. concat all JS files into a bigger one and commit this file to a CVS server if it is different from the older version.

On Kelkoo, we have several “global” files, each one is included on somes pages (depending on the needs : no need to include a carousel on a page without one for example :) ). So, my script is able to handle this and to generate a set of global files. Currently, it works for a few weeks, every hour on separate servers. Webdevs just need to commit their “small” file and global files are automatically generated and commited but in an asynchronous way.

On development servers, we have a PHP script which generates global JS files on the fly using the same configuration file.

In conclusion, thanks to those tools, we only have one JS file included on each pages and we have increase our performances. Nevertheless, we still need to have a dynamic-generated JS file on production servers for setting some JS configuration. :(

]]> By: Eric Miraglia http://yuiblog.com/blog/2008/07/16/combohandler/#comment-426339 Eric Miraglia Tue, 22 Jul 2008 16:53:44 +0000 http://yuiblog.com/blog/2008/07/16/combohandler/#comment-426339 @Drew--Thanks for the catch. -Eric @Drew–Thanks for the catch. -Eric

]]> By: Drew Freyling http://yuiblog.com/blog/2008/07/16/combohandler/#comment-425906 Drew Freyling Tue, 22 Jul 2008 03:50:40 +0000 http://yuiblog.com/blog/2008/07/16/combohandler/#comment-425906 I noticed the YUI Configurator contains a blank combo link if you just specify the css files... I noticed the YUI Configurator contains a blank combo link if you just specify the css files…

]]> By: Marco http://yuiblog.com/blog/2008/07/16/combohandler/#comment-424771 Marco Mon, 21 Jul 2008 01:25:26 +0000 http://yuiblog.com/blog/2008/07/16/combohandler/#comment-424771 This is VERY nice guys! Especially sites that use a lot of widgets will benefit enormously from this service. This is VERY nice guys! Especially sites that use a lot of widgets will benefit enormously from this service.

]]> By: Steve Clay http://yuiblog.com/blog/2008/07/16/combohandler/#comment-423225 Steve Clay Fri, 18 Jul 2008 20:56:48 +0000 http://yuiblog.com/blog/2008/07/16/combohandler/#comment-423225 @Ed - <a href="http://code.google.com/p/minify/" rel="nofollow">Minify</a> is a PHP library for combining and serving minified JS/CSS files with HTTP caching and compression. @Ed - Minify is a PHP library for combining and serving minified JS/CSS files with HTTP caching and compression.

]]> By: Jim Morris http://yuiblog.com/blog/2008/07/16/combohandler/#comment-422418 Jim Morris Thu, 17 Jul 2008 19:54:40 +0000 http://yuiblog.com/blog/2008/07/16/combohandler/#comment-422418 Hey Eric, This is great. As we've been using more and more features our js hits have bloated. This is the perfect remedy. Thanks for reading my mind :) Hey Eric, This is great. As we’ve been using more and more features our js hits have bloated. This is the perfect remedy. Thanks for reading my mind :)

]]> By: Ed Haber http://yuiblog.com/blog/2008/07/16/combohandler/#comment-422210 Ed Haber Thu, 17 Jul 2008 13:11:58 +0000 http://yuiblog.com/blog/2008/07/16/combohandler/#comment-422210 @Ed I've written one that didn't work exactly how I wanted it to. But i've been meaning to revisit this. @Jaisen I'm taking a loot at what you did. I started noticing a long load time and its several seconds of loading individual js files or if they are cached checking on the files and seeing that they are not modified. @John I agree. I really like the more terse format you are suggesting. Is it ever recommended to include files from different versions of YUI? -Ed @Ed

I’ve written one that didn’t work exactly how I wanted it to. But i’ve been meaning to revisit this.

@Jaisen

I’m taking a loot at what you did. I started noticing a long load time and its several seconds of loading individual js files or if they are cached checking on the files and seeing that they are not modified.

@John

I agree. I really like the more terse format you are suggesting. Is it ever recommended to include files from different versions of YUI?

-Ed

]]> By: Asvin Balloo http://yuiblog.com/blog/2008/07/16/combohandler/#comment-422051 Asvin Balloo Thu, 17 Jul 2008 08:29:54 +0000 http://yuiblog.com/blog/2008/07/16/combohandler/#comment-422051 Cool was waiting for something like that ;-) Cool was waiting for something like that ;-)

]]> By: Ed Eliot http://yuiblog.com/blog/2008/07/16/combohandler/#comment-421983 Ed Eliot Thu, 17 Jul 2008 05:59:45 +0000 http://yuiblog.com/blog/2008/07/16/combohandler/#comment-421983 @Eric - thanks for the spec reference. I had an interesting debate on this issue with some of the guys in London a few months ago and we were concerned it was a problem. It's cool that your testing proves that all browsers do follow as expected. @Ed - I created a PHP script for merging resources (JS and CSS) a year or so back which will work fine with locally hosted copies of the YUI. It regenerates the merged file automatically as component files changes, adding versioning information and maintains and archive of old revisions to ensure that old references in locally cached HTML can still retrieve the correct CSS & JS. @Eric - thanks for the spec reference. I had an interesting debate on this issue with some of the guys in London a few months ago and we were concerned it was a problem. It’s cool that your testing proves that all browsers do follow as expected.

@Ed - I created a PHP script for merging resources (JS and CSS) a year or so back which will work fine with locally hosted copies of the YUI. It regenerates the merged file automatically as component files changes, adding versioning information and maintains and archive of old revisions to ensure that old references in locally cached HTML can still retrieve the correct CSS & JS.

]]> By: Eric Miraglia http://yuiblog.com/blog/2008/07/16/combohandler/#comment-421911 Eric Miraglia Thu, 17 Jul 2008 03:20:51 +0000 http://yuiblog.com/blog/2008/07/16/combohandler/#comment-421911 @Michiel -- A combo handler engine that intrinsically knows about YUI dependencies and could calculate a dependency tree from a component list would be a nice next step -- something that works the way YUI Loader does on the client side. For now, you don't need to know about the dependencies -- you can rely on the Configurator (http://developer.yahoo.com/yui/articles/hosting/#configure ) to generate the combo URI for you. But the combo handler doesn't do dependency calculation today, so that needs to be done in advance. -Eric @Michiel — A combo handler engine that intrinsically knows about YUI dependencies and could calculate a dependency tree from a component list would be a nice next step — something that works the way YUI Loader does on the client side. For now, you don’t need to know about the dependencies — you can rely on the Configurator (http://developer.yahoo.com/yui/articles/hosting/#configure ) to generate the combo URI for you. But the combo handler doesn’t do dependency calculation today, so that needs to be done in advance. -Eric

]]>