Using the MVC folder structure is slowing down the loading time

[actualeyes]

I have a page that I had originally written as one js file. I have since migrated it to MVC. Now the page takes forever to populate. Is there something I can do to make the page load quicker? Does anyone know why migrating to the recommended MVC structure would slow things down so much?

Thanks,

actualeyes

[vadimv]

I'm working with MVC since its beginning, never have had such problems, and all my apps are from medium size/complexity to higher. You can achieve one file for production if you want so much with Sencha SDK tools/builder, also will be minified. I suggest you to read the guide better(http://docs.sencha.com/ext-js/4-0/#/guide/getting_started), probably you are doing sth wrong.

[lcuff]

I'm having the same problem (load times of 4 or 5 seconds after moving to the recommended file structure).

I'm trying to follow those instructions (in http://docs.sencha.com/ext-js/4-0/#!/guide/getting_started) to
minimize the amount of javascript that gets loaded to the browser. I'm not having much success.


I'm confused that in the example index-prod.html it has two script tags:
<script type="text/javascript" src="extjs/ext.js"></script>
<script type="text/javascript" src="app-all.js"></script>

Why is the first one needed if app-all.js includes the elements of ext.js that are needed?
According to the previous paragraph, running the command "sencha build -p app.jsb3 -d ." produces
app-all.js which is "a minimized build of your application plus all of the Ext JS classes required
to run it." Am I misreading this?


I get an error if I set src="ext/ext.js" Namely:


"The page at https://admin.www106.dev1.vcmedia.com/beta/advertiser/campaign_grid ran insecure content from http://admin.dev1.vcmedia.com/corp/errors/404.
GET https://admin.dev1.vcmedia.com/corp/errors/404 "


If I set src="ext/ext-all.js" then the page loads, but it takes 4 or 5 seconds to load.


If I remove the first line, then I get an error message
"Uncaught ReferenceError: Ext is not defined"



So far, loading the whole enchilada and having a very slow load time is the only thing that works ...

[vadimv]

@lcuff, ext.js is the basic, the core, contains the Ext class and a minimal set of functions+classes(why you don't open it in an editor and look at code !!). ext-debug.js contains the same, just is not minified and is for debugging. From docs:


extjs/resources/css/ext-all.css contains all styling information needed for the whole framework
extjs/ext-debug.js contains a minimal set of Ext JS 4 Core library classes
app.js will contain your application code
http://docs.sencha.com/ext-js/4-0/#!/guide/getting_started