How to optimise Sench 2 applicaiton load time

[riahut.com]

Hi All, I would like to know how can I accelerate loading time of sencha 2 application, and why during initialization it loads tons of classes I do not intend to use? Can I optimize that, skip classes I wont use?

[mitchellsimoens]

If you use sencha-touch.js that is the basic framework without any widgets. In your class you should use the requires property and that will load the classes in the requires property

[riahut.com]

Can you ellaborate a little bit more on that?
Or may be tehre is reference document somewhere which explains how to use that?

BTW my applicaiton is MVC applicaiton

[riahut.com]

I think there are some kind of problems going on with class loader ! after I switched to sencha-touch.js

now I getting

GET http://localhost:8080/app/app/Applic...=1327007523815 404 (Not Found)
GET http://localhost:8080/app/event/Disp...=1327007523822 404 (Not Found)
GET http://localhost:8080/app/dom/Compos...=1327007523823 404 (Not Found)
GET http://localhost:8080/app/event/publ...=1327007523897 404 (Not Found)

when I using sencha-touch-debug.js it is all perfect

GET http://localhost:8080/common/js/senc...=1327007523815 200 (OK)
GET http://localhost:8080/common/js/senc...=1327007523822 200 (OK)
GET http://localhost:8080/common/js/senc...=1327007523823 200 (OK)
GET http://localhost:8080/common/js/senc...=1327007523897 200 (OK)

My applicaiton layout is
common/ - for common stuff (common/js/sencha/src) all sencha sources
app/ - for application files

Why switching from sencha-touch-debug.js to sencha-touch.js changing lookup directory? Why class loader looking for classes in application directory???!!!!

[riahut.com]

In what section of the app I should add 'requires' ?

Ext.Loader.setConfig({ enabled: true, disableCaching:true,
requires: [
'Ext.dom.CompositeElementLite',
'Ext.event.Dispatcher',
'Ext.event.publisher.Dom',
'Ext.app.Application'
]
});

or in

Ext.application({
name: 'MyApp',

requires: [
'Ext.dom.CompositeElementLite',
'Ext.event.Dispatcher',
'Ext.event.publisher.Dom',
'Ext.app.Application'
],

controllers: ['Home'],
models : ['Category', 'Content', 'Screenshot'],
});

both cases don't work
Any ideas?

[riahut.com]

Seriously, I want to accelerate applicaiton load time, othervise it is useless!!

[rdougan]

Your application should only dynamically load classes in development. For production, you should compile your application so it has 1 .js file.

More information here: http://robertdougan.com/posts/packag...ncha-sdk-tools

[riahut.com]

Thank you for the reply!

I downloaded and followed the instructions.

I've got app-all.js of 1.3mb !!! Is this kinda size all right? But not size bothering me, generated file was actually incomplete, despite fact it said "Done Building" without errors. As I understand all file entries from jsb3 file should end up in app_all.js. It actually stopped somewhere at the middle right after Ext.Container with still many classes to go.... hm ?

[riahut.com]

Newer mind, I've used wrong version of tools. As I understand I cannot use release version you have available and because I'm on windows I cant try 2.0.0 dev preview

[riahut.com]

Please correct me If I wrong,

I see that sencha tool just concatenates js SDK files togather then all my js classes into oe humongous file....

but why would I use just sencha-touch-all.js and my other five class files separately in order to accelerate application initialization time, that still will be great benefit versus class loader managing stuff!?

Will Sencha 2 SDK tools do something better then just gluing sencha-touch-all.js with all my classes into one huge file ?