Comments on: YUI’s Combo Handler CDN Service http://www.stevesouders.com/blog/2008/07/17/yuis-combo-handler-cdn-service/ Essential knowledge for making your web pages faster. Sat, 04 Feb 2012 09:46:28 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Steve Webster http://www.stevesouders.com/blog/2008/07/17/yuis-combo-handler-cdn-service/#comment-2984 Steve Webster Thu, 27 Jan 2011 17:43:03 +0000 http://www.stevesouders.com/blog/2008/07/17/yuis-combo-handler-cdn-service/#comment-2984 We do this for CSS on our performance-critical pages, using rel="prefetch" to pull in the individual CSS files after page load so as not to hurt inter-page performance. (Well, we did until I bumped into the Chrome bug: http://statichtml.com/2011/link-prefetching-broken-in-chrome.html) Anyway, the one caveat I'd have to recommending using this technique for CSS is that Firefox uses the CSS file's URL as the Referer header when requesting any images referred to in the CSS file. When you have such verbose URLs, this can make the difference between one request packet and two (or more, depending on your URLs). The motivation here is the same as the recommendation to move static assets to a cookie-less domain. We do this for CSS on our performance-critical pages, using rel=”prefetch” to pull in the individual CSS files after page load so as not to hurt inter-page performance. (Well, we did until I bumped into the Chrome bug: http://statichtml.com/2011/link-prefetching-broken-in-chrome.html)

Anyway, the one caveat I’d have to recommending using this technique for CSS is that Firefox uses the CSS file’s URL as the Referer header when requesting any images referred to in the CSS file. When you have such verbose URLs, this can make the difference between one request packet and two (or more, depending on your URLs). The motivation here is the same as the recommendation to move static assets to a cookie-less domain.

]]> By: Mathias Bynens http://www.stevesouders.com/blog/2008/07/17/yuis-combo-handler-cdn-service/#comment-2981 Mathias Bynens Thu, 27 Jan 2011 16:57:32 +0000 http://www.stevesouders.com/blog/2008/07/17/yuis-combo-handler-cdn-service/#comment-2981 You’d probably want to encode the ampersands properly in your code example, i.e. <code><script src="http://yui.yahooapis.com/combo?2.5.2/build/yahoo-dom-event/yahoo-dom-event.js& 2.5.2/build/container/container_core-min.js&2.5.2/build/menu/menu-min.js& 2.5.2/build/element/element-beta-min.js&2.5.2/build/button/button-min.js& 2.5.2/build/editor/editor-beta-min.js"></script></code> You’d probably want to encode the ampersands properly in your code example, i.e.

<script src="http://yui.yahooapis.com/combo?2.5.2/build/yahoo-dom-event/yahoo-dom-event.js&amp;
2.5.2/build/container/container_core-min.js&amp;2.5.2/build/menu/menu-min.js&amp;
2.5.2/build/element/element-beta-min.js&amp;2.5.2/build/button/button-min.js&amp;
2.5.2/build/editor/editor-beta-min.js"></script>

]]> By: Eric Miraglia http://www.stevesouders.com/blog/2008/07/17/yuis-combo-handler-cdn-service/#comment-222 Eric Miraglia Thu, 17 Jul 2008 19:30:57 +0000 http://www.stevesouders.com/blog/2008/07/17/yuis-combo-handler-cdn-service/#comment-222 @Steve -- That request has come in on the YUIBlog post as well -- having the combo handler itself incorporate the functionality of a Loader engine that understands the YUI dependency tree. That's a good idea, totally worth doing. It would provide shorter URLs, too, which shave bytes on the HTML page loading the combo-handled resource. For now, though, we're providing the configuration tool (http://developer.yahoo.com/yui/articles/hosting ) to help folks keep dependencies well sorted and we'll be building combo-handler syntax into loaders on the server and client-side in the future, hopefully moving away from situations where users are hand-coding dependency lists. -Eric @Steve — That request has come in on the YUIBlog post as well — having the combo handler itself incorporate the functionality of a Loader engine that understands the YUI dependency tree. That’s a good idea, totally worth doing. It would provide shorter URLs, too, which shave bytes on the HTML page loading the combo-handled resource. For now, though, we’re providing the configuration tool (http://developer.yahoo.com/yui/articles/hosting ) to help folks keep dependencies well sorted and we’ll be building combo-handler syntax into loaders on the server and client-side in the future, hopefully moving away from situations where users are hand-coding dependency lists. -Eric

]]>