Ext JS - AJAX Framework

Ext CDN – Custom Builds, Compression, and Fast Performance

November 18, 2008 by Abraham Elias

We are pleased to announce that Ext has partnered with CacheFly, a global content network, to provide free CDN hosting for the Ext JS framework. Cachefly’s globally distributed network and aggressive caching accelerate the delivery of web content like JavaScript and CSS, making for an even faster Ext experience.

The Ext CDN also provides the ability to create your own custom builds using Ext’s Build It! tool, and host them on the CDN. The custom builder implements features to intelligently cache your component selections, adapter, and Ext version to create a unique custom build. These custom builds are cached across sessions and used by anyone who makes the same selections as you have – allowing for caching of custom builds across applications to fully realize the benefits of the CDN.

Creating a Custom Build

We’ve made the process of creating the custom build on the CDN as simple as a selecting the option.

Using the Custom build

To use your custom build on your own site, insert the output into the HEAD section of your site. If you needed to use a build with no grid or tree support you would just paste the following:

 <script type="text/javascript" src="http://extjs.cachefly.net/builds/ext-cdn-7.js"> </script>
 <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-2.2/resources/css/ext-all.css" />

For those of you that need the complete library and use ext-all.js and ext-all.css we have those available as well.

 <script type="text/javascript" src="http://extjs.cachefly.net/ext-2.2/ext-all.js"> </script>
 <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-2.2/resources/css/ext-all.css" />

Summary

There are many ways to judge an application’s performance, however none are as noticeable as the time it takes for an application to load. There are many techniques such as compression using gzip , minification using JSMin, and tools like YSlow to help developers make noticeable improvements. We hope the Ext CDN is another optimization our community will add to their toolbox.

If you like this post, share it with your friends!

50 Responses to “Ext CDN – Custom Builds, Compression, and Fast Performance”

  1. David says:

    This is great guys!

    FYI, the link to the CSS file is wrong, it should be:

    Note the word “resources” is spelled with a “c” instead of an “s”.

  2. Jack Slocum says:

    Thanks David. I corrected the link in the post above.

  3. Alex M. says:

    Great contribution to the community!

  4. Larry Gerndt says:

    How about https access? We can’t use http in our app or IE will put up the “This site contains secure and non-secure items blah blah I hate IE” (well, something like that)

  5. mysticav says:

    This run as faster as locally! This is incredible. You can know include ext-all.js without any download delay issues. Of course, if you build your own, you can increase the speed even more.

  6. stevil says:

    I just wired this up to my application, and all I can say is “WOW”. This is a great move in the right direction for us. One question: Are there any plans to host any of the more common themes that are available (xtheme-slate is a perfect example) to further accelerate loading in themed applications?

    WOW.

  7. Gil says:

    This is great news and will encourage me to use Ext more. The v3.0 preview looks fantastic aas well so all in all things are looking really great for Ext

  8. James says:

    Ext is the shit! Awesime work guys.

  9. David Davis says:

    What about https access? This hasn’t been addressed.

  10. Justin says:

    CacheFly doesn’t support SSL from what we could tell. Unfortunately, last I checked, neither did AOL’s, Google’s or Amazon’s CDN. We did some searching around and found Level 3 had SSL support. Hope that helps.

  11. Eduardo says:

    Google has just started delivering HTTPs content for Ajax Libraries over their CDN. Maybe now CacheFly will also do it ?

  12. Steven Roussey says:

    You don’t use it for your own site (the examples area for instance)…

  13. BuckBazooka says:

    Very nice!
    What about all the other resources, could they also not be put on the CDN? E.g.:

    extjs/resources/css/xtheme-gray.css
    extjs/adapter/ext/ext-base.js
    extjs/ext-lang-de.js

    What about ext-base.js and ext-all.js could it not be merged to diminish request count?

  14. jimmy says:

    Is the cdn file a complete extjs build it seems to be missing one class ‘Ext.form.Label‘ when compared to ‘ext-all.js’(Line no 140: Ext.form.Label)

    anyone else have trouble with this???

    Bye the way I love extjs!!!!!!

  15. blake says:

    @jimmy What url are you using? Custom build or the link below?

    http://extjs.cachefly.net/ext-2.2/ext-all.js

  16. Brian says:

    So, I know this is free so it’s hard to complain, but cachefly does not set any expires headers, only etags.

  17. Manga says:

    [...]Thanks for sharing your work with us! Your theme is just awesome![...]

  18. söve says:

    So, I know this is free so it’s hard to complain, but cachefly does not set any expires headers, only etags.

  19. mila says:


    [΢Ͷ

  20. 龚辟愚 says:

    ext论坛什么时候能支持中文呢?

  21. This is awesome!

    Firebug reports that the files on CacheFly are coming back as 200 OK rather than Not Modified. Their servers are fast, but why aren’t they allowing the browser cache to take care of subsequent requests?

  22. joanou says:

    Is there any reasonable CDN that does HTTPS? I want to put extjs there. Thx.

  23. kabin says:

    saolun ya cokda makbule gecti:d

  24. I am grateful to you for this great content.aöf

  25. Dennis A says:

    Have the 3.0 files been published? What is their URL? Will the “Build Your Own” tool be updated?

  26. peynir says:

    I’m really very useful to follow a long-time see this as a blog here Thank you for your valuable information.

  27. Frank says:

    Chinese Editon of post, following this url:
    改教程的中文版在:
    http://blog.csdn.net/zhangxin09/archive/2009/11/21/4842665.aspx

  28. lida says:

    n to take advantage of more of the ssnative functxcxxx

  29. lida says:

    n to take advgantage of more of the ssnative functasdassass

  30. medyum says:

    teşekkürler admin good work

  31. HomeWalker says:

    2 developers
    good work, thanks!

  32. Arjen says:

    What is the value of it today? The latest version of ExtJs is not available???

Leave a Reply

© 2006-2010 Ext JS, Inc.