Results 1 to 7 of 7

Thread: [Solved] How can I optimize loading of my ExtJS Appliction ?

  1. #1
    Ext User ritesh.kapse's Avatar
    Join Date
    May 2008
    Location
    Pune, India
    Posts
    120
    Vote Rating
    0
      0  

    Lightbulb [Solved] How can I optimize loading of my ExtJS Appliction ?

    Hi all,

    The application is like, once user logs in then the communication with server happen only in terms of DATA e.g. records in grid.

    The no. of JS files downloaded at the start is around 30 along with ext-all and ext-base. It takes time to get loaded in the bowser.

    How can I optimize this ?

  2. #2
    Ext JS Premium Member
    Join Date
    Sep 2008
    Posts
    72
    Vote Rating
    0
      0  

    Default

    Concatenate(spelling?) your JavaScript files into one big file and use any sort of JavaScript compression tool on that one.
    -

  3. #3
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996
    Vote Rating
    8
      0  

    Default

    search around, there's many threads discussing this already.

  4. #4
    Ext User ritesh.kapse's Avatar
    Join Date
    May 2008
    Location
    Pune, India
    Posts
    120
    Vote Rating
    0
      0  

    Thumbs up This is how I optimized by application

    1. JSMin
    2. GZip
    3. Concatenated JS, CSS files into single one
    4. Use client side caching i.e. set EXPIRE header to all static content
    5. Use server side caching for dynamic pages
    6. Use CDN ifpossible
    7. Use CSS Sprites wherever possible
    8. Optimize images i.e. reduce colors, use PNG
    9. Lazy loading wherever possible
    10. Post-fetch data wherever possible

    I have reduced the page download speed to around 60% .

  5. #5
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996
    Vote Rating
    8
      0  

    Default

    I don't recognize #10, can you explain or point to a reference for that one?

  6. #6
    Sencha User
    Join Date
    Jun 2007
    Posts
    125
    Vote Rating
    1
      0  

    Default

    This thread should help you with several of those approaches

    http://extjs.com/forum/showthread.php?t=55711

  7. #7
    Ext User ritesh.kapse's Avatar
    Join Date
    May 2008
    Location
    Pune, India
    Posts
    120
    Vote Rating
    0
      0  

    Arrow some more...

    Not sure about other programing languages but I found following tools for Java to achieve same :-

    Jawr
    Website: https://jawr.dev.java.net

    JavaScript Optimizer JSO
    Website: http://js-optimizer.sourceforge.net

    Pack-Tag
    http://www.galan.de/projects/packtag

    These tools can easily be added to your current java project. Can be used to achieve concatenation of files, browser caching, gzipping for CSS and JS files .


Posting Permissions

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