Results 1 to 5 of 5

Thread: Question about size of app.js in production - 790k?

  1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    69
    Answers
    2

    Default Question about size of app.js in production - 790k?

    Hi,

    I've just been playing around with the beta, and was quite excited to compare it to Touch 2.4.

    At the moment I am only interested in making a mobile app. I did a quick test by building the test scaffold app, then building a production version of the scaffold app using command.

    The resulting app produces a folder with classic (desktop) and modern (mobile) folders in. The app.js size in the modern folder is 796k.

    This doesn't seem much different to the file size of app.js using Sencha Touch 2.4 when using production. I would perhaps have thought by targeting the newer browsers and using CSS layouts for stuff the file size would have been smaller, or am I missing something? I noticed a new file in there, ext.js at only 300k, not sure about that one.

    The .CSS file seemed fairly small, at 127k, but how would I change the default scaffold app to have, say the Cupertino theme or theme base? I tried changing it in the app.json but that didn't have any effect and I can't find the .css files inside the theme folders.

    I guess my question is, is it possible to get the file size down any smaller for app.js if you are just targeting a mobile app?

    Thanks!

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379
    Answers
    3997

    Default

    Currently, there isn't much difference between Sencha Touch 2.4 and Ext JS 6's modern toolkit. The big difference is now it actually physically shares the same core as Ext JS's classic toolkit.

    When we merged the frameworks into Ext JS 6, you can think of it this way. The classic toolkit was Ext JS 5.1 and the modern toolkit was Sencha Touch 2.4. Plus some new stuff in there but at a very high level that's what it is.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Posts
    69
    Answers
    2

    Default Can I reduce it further by going into bootstrap.json?

    Thanks for the reply...I guess as time goes on there will be further optimisations :-)

    When I open bootstrap.json I do see multiple entries that are not used in that scaffold app (production version), such as segmentedcontrol, loading spinner etc.

    Does that mean they are included in that 796k file? Can I optimise further by removing the unused items from that bootstrap file?

    796k is not bad but I'd like to reduce app.js down to 400 or 500k if possible then I should be able to keep the whole app under 1MB. That would be ideal.

    Thanks!

  4. #4
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379
    Answers
    3997

    Default

    Quote Originally Posted by tyladurdan View Post
    Does that mean they are included in that 796k file? Can I optimise further by removing the unused items from that bootstrap file?
    Not necessarily. The bootstrap file is just a collection of the classes Cmd inspected.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  5. #5
    Sencha Premium Member ebett's Avatar
    Join Date
    Nov 2010
    Location
    Argentina
    Posts
    31
    Answers
    1

    Default

    Hi, I need to compile a smaller app.js, only with the dependencies that my program uses. Is there any way to optimize the app.js size?Thanks!

Similar Threads

  1. QUESTION: How to convert from Production to Source?
    By Original9 in forum Sencha Touch 2.x: Q&A
    Replies: 2
    Last Post: 24 Oct 2014, 7:36 AM
  2. Question about Building WebApps to Production in Architect 3
    By bts in forum Sencha Architect 3.x: Q&A
    Replies: 0
    Last Post: 15 Jul 2014, 9:09 AM
  3. production build renders 2 mb data ... how to reduce its size
    By maheshparvekar in forum Sencha Touch 2.x: Q&A
    Replies: 1
    Last Post: 10 Dec 2012, 1:11 PM
  4. XTemplate and Size question
    By ChiefDanGeorge in forum Ext: Q&A
    Replies: 7
    Last Post: 3 Jan 2012, 12:25 PM
  5. A question about Grid Size!
    By saasira in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 24 Apr 2007, 8:52 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •