CODEWITHSUNDEEP
optimizationextjs4extjs4.1
Rency
Rency

Reputation: 404

Code optimization techniques in extjs?

I am dynamically creating some controls in a page. it will become slow when we have some fifty controls.

what are the code optimization techniques/ guideline used in extjs? Is there any specific methods which will slow down the entire loading?

Upvotes: 5

Views: 5203

Answers (2)

Jom
Jom

Reputation: 1897

My tips are

  • Use Ext.container.Container rather than Ext.panel.Panel.
  • Instead of adding ext components, use XTemplate with data view to load similar controls.
  • if you are using many images then use image sprites - An image sprite is a collection of images put into a single image. A web page with many images can take a long time to load and generates multiple server requests. Using image sprites will reduce the number of server requests and save bandwidth. http://css-tricks.com/css-sprites/

Upvotes: 1

CD..
CD..

Reputation: 74126

Sencha has great posts:

Ext JS 4.1 Performance about:

  • Network latency which affects initial startup time heavily, but also data store load time.
  • CSS processing.
  • JavaScript execution.
  • DOM manipulation.

Optimizing Ext JS 4.1-based Applications about optimization tips and the Page Analyzer tool.

Upvotes: 6

Related Questions