PDA

View Full Version : Performance & Encoding



brasmouk
23 Apr 2008, 5:30 AM
Hello and sorry in advance for my English,

I started with Ext now and I would like to know if you have experienced performance problems for display and refreshments components.

Example using a GridPanel which contains more than 1000 records, and I think the loading time is very long.

I also found problems with encoding using Aptana and FireFox.

What are the best way to use Ext in a page that contains so many components?

What are good ways to load data?

Thinks for you return experience if you have experienced the same problems and how you've solved.

Animal
23 Apr 2008, 5:41 AM
1000 records is a lot of HTML elements. That will always cause performance problems.

I would question the utility of presenting a human being with 1000 copies of anything!

How can someone make use of 1000 records?

brasmouk
23 Apr 2008, 6:32 AM
It has frequently use cases or we need to have a lot of recording in a grid (scroller instead paginate).

Here is a test of performance that I do on the PanelGrid in Firefox


arraygrid.jpg

brasmouk
23 Apr 2008, 6:37 AM
This example contains 288 recordings

brasmouk
23 Apr 2008, 7:01 AM
and it gives this result without ext-all.css

brasmouk
23 Apr 2008, 7:33 AM
Why call there http://extjs.com/s.gif ?? :-?

ohhowihateie
23 Apr 2008, 8:24 AM
Animal is right. 1000 records is a lot of records, and that isn't very easy for the human mind to process. Try using some paging (http://extjs.com/deploy/dev/examples/grid/paging.html) or buffered scrolling option (like the livegrid ux). When there are fewer records you will have much better performance.

brasmouk
23 Apr 2008, 9:28 AM
I agree that we should not generate pages with 1000 records but in the case of my test performance, I have used only 288 recordings and even when it takes 9 seconds. Even with 100 recordings is also slow!

NoahK17
23 Apr 2008, 9:31 AM
How are you pulling your data? JSON? XML?

brasmouk
23 Apr 2008, 10:08 AM
I simply used the example array-grid.js/array-grid.htm

var myData = [
['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
[COLOR=#5c5c5c][FONT=Courier New]

Animal
23 Apr 2008, 10:13 AM
Why call there http://extjs.com/s.gif ?? :-?

http://extjs.com/learn/Ext_FAQ#My_code_links_to_extjs.com.2Fs.gif