Slow page

answered 2008-11-19 17:42:13 +0800

hkn
246 ● 3

Hi,

to give you some feedback
Linux/ FF3 about 7 seconds
XP / IE7 about 24 seconds
Linux / Chrome via crossover 7 sec

As far as i know the IE java script engine is up to 2 to 5 times slower than FF / Chrome (depends on the functions)
and it looks that your form confirms this measurements.

You should display a "please wait, still loading" wait screen, see

http://www.zkoss.org/doc/devguide/ch05s03.html#id403752

/regards
Horst

answered 2008-11-19 17:48:02 +0800

hkn
246 ● 3

Some suggestion to improve speed even for IE

- Load parts of the page on demand (fulfill)
http://www.zkoss.org/doc/devguide-single/index.html#id457301

That is how I bypassed a similar problem.

answered 2008-11-19 22:44:47 +0800

robertpic71
1275 ● 1

updated 2008-11-20 09:10:36 +0800

What kind of GUI-Element do you use for grouping the querypanels (Intérieur...).?

Maybe you could start with "all closed" and fullfill="onOpen" and an addtional button/link "All" to open all at once.

/Robert

answered 2008-11-20 09:00:38 +0800

hkn
246 ● 3

hi javier,

I tested FF 2.0.0.18 and 3.0.3 which are the current versions. IE is version 7.0.5730.11.
FF2 is just a little bit slower then FF3.

IE, FF2 are running on XP, 2GB, 2GHz Centrino
Chrome & FF3, linux 64 bit, 8GB, quadcore 2.4GHz

I think you should follow Robert's suggestion

good luck

answered 2008-11-20 20:01:45 +0800

hkn
246 ● 3

Hello Javier !

I derived this from the live demo. When opened the form is shown immediately. Then when
you open "Group 2" i will take 5 seconds because of the sleeps and then opens the group and
displays the messagebox.

Hope that will help.

/Regards
Horst

test.zul:

<?page id="testZul" title=" New ZUL Title" cacheable="false" 
	language="xul/html" zscriptLanguage="Java" contentType="text/html;charset=UTF-8"?>
<zk xmlns="http://www.zkoss.org/2005/zul" xmlns:h="http://www.w3.org/1999/xhtml"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">
	<window title="My First Window" border="normal" width="400px">
		<grid>
			<columns sizable="true">
				<column label="Type" sortAscending="${asc}" sortDescending="${dsc}" />
				<column label="Content" />
			</columns>
			<rows>
				<group>
					<label value="Group1: type" />
					<label value="Group1: content" />
				</group>
				<row>
					<label style="padding-left:15px" value="File:" />
					<textbox width="98%" />
				</row>
				<row>
					<label style="padding-left:15px" value="Type:" />
					<hbox>
						<listbox rows="1" mold="select">
							<listitem label="Java Files,(*.java)" />
							<listitem label="All Files,(*.*)" />
						</listbox>
						<button label="Browse..." />
					</hbox>
				</row>
				<group id="gr" label="Group 2" open="false" />
				<row fulfill="gr.onOpen">
					<attribute name="onFulfill"><![CDATA[
						Messagebox.show("Hello, I do fulfill NOW");
					]]>
					</attribute>
					<label style="padding-left:15px" value="Options:" />
					<vbox>
						<textbox rows="3" width="98%" />
						<zscript><![CDATA[
						    
							String[] data = new String[100];
							for(int j=0; j < data.length; ++j) {
								data = "option "+j;
								Thread.sleep(50);
							}
						ListModel strset = new SimpleListModel(data);
						]]>
						</zscript>
						<listbox id="list" width="200px" rows="10" model="${strset}" >
							<listhead>
								<listheader label="Load on Demend" sort="auto" />
							</listhead>
						</listbox>
					</vbox>
				</row>
				<groupfoot spans="2">
					<label value="This a summary about Group 2" />
				</groupfoot>
			</rows>
		</grid>
	</window>
</zk>

answered 2008-11-20 21:15:14 +0800

robertpic71
1275 ● 1

>> How would you do the fulfill thing using java, instead of zul?
Do you have zero zul-code - or maybe a skeleton groupboxes?

Is your javacode inside the groupboxes (extend Group)?

You have only to add the Group's and set it to close! You have to register an onOpen Event for each Group.
Inside the onOpen-Event (maybe you could foward to a composer?) you add the content of the groupbox.
Note: you need a flag - to handle a reopen correct (or remove Eventlistener)

Adding the content could be tricky thing. Because the seems not the childs form the group you need to know the row/group for the insertBefore.
If you could not handle this a dummy row after each group could help - i.e. <row id="d_interieur"/> in insertBefore this row and remove after fullfill.

However, you have split your creation code into the group and the groupcontent. The groupcontent should be triggered by the onOpen-Event.

/Robert