Accélerer dojo (surtout avec IE)

[fayred]

Bonjour,
J' utilise DOJO et je suis affligée par sa lenteur principalement avec IE6. Est-ce mon code qui est tout pourri ou est-ce que c'est normal?
Ya t'il un moyen d'accélerer ses performances ?

Merci pour vos avis et conseils

[fayred]

Re

J'avance dans ma découverte de DOJO...
Pour information, il est possible d'utiliser une version minimale de dojo (cf documentation de dojo ... en anglais :http://dojotoolkit.org/ ). Cela permet d'alléger enormement le chargement du framework.

Je pense essayer d'en faire un tuto un de ces jours.
Bon courage à tous ceux qui utilisent dojo!

[pierre++]

Envoyé par fayred

Re
Pour information, il est possible d'utiliser une version minimale de dojo (cf documentation de dojo ... en anglais :http://dojotoolkit.org/ ). Cela permet d'alléger enormement le chargement du framework.

Bonjour,

J'ai le même problème de lenteur au chargement sur firefox en local, environ 7 secondes pour charger une page avec quelques contentpane et combos, c'est très long, trop long
Que peut-on espérer comme gain de temps avec la version minimale?
Merci et A+

[fayred]

Bonsoir,
Avec la version minimale tu peux gagner plus de la moitié du temps puisque c'est toi qui selectionne ce que tu veux comme composants.
Par contre ce qui m'étonnes c'est que tu ais des lenteur avec firefox.
Moi je n'ai rencontre ces lenteurs que sous IE6, sous FF ça marchait nickel...
Ca vient peut-etre de ta version de FF aussi...A voir.

[pierre++]

Envoyé par fayred

... ce qui m'étonnes c'est que tu ais des lenteur avec firefox.
Moi je n'ai rencontre ces lenteurs que sous IE6, sous FF ça marchait nickel...
Ca vient peut-etre de ta version de FF aussi...A voir.

Je ne sais pas, mais voilà ci-dessous les traces de firebug (qui peut aussi allonger le temps de chargement), mais le total avoisine les 7 secondes ce qui est inutilisable bien sûr:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
GET http://localhost:8080/proto/dojo/dojo/_firebug/firebug.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/_loader/loader_xd.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/_loader/loader_debug.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/i18n.js (32ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/lang.js (32ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/declare.js (32ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/connect.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/Deferred.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/json.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/array.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/Color.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/window.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/event.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/html.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/NodeList.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/query.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/xhr.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/_base/fx.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/parser.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/date/stamp.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/Toolbar.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_Widget.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base/focus.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base/manager.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base/place.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base/popup.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base/window.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base/scroll.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base/sniff.js (31ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base/bidi.js (31ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base/typematic.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_base/wai.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_Container.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/_Templated.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/string.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/layout/LayoutContainer.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/layout/_LayoutWidget.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/layout/SplitContainer.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/cookie.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/layout/AccordionContainer.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/fx.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/layout/StackContainer.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/Button.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/_FormWidget.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/layout/ContentPane.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/nls/loading.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/nls/fr/loading.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/layout/TabContainer.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/CheckBox.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/ComboBox.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/nls/ComboBox.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/nls/fr/ComboBox.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/data/ItemFileReadStore.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/data/util/filter.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/data/util/simpleFetch.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dojo/data/util/sorter.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/ValidationTextBox.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/nls/validate.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/nls/fr/validate.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/TextBox.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/Tooltip.js (30ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/FilteringSelect.js (29ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/templates/CheckBox.html (17ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/templates/Button.html (18ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/dojo/dijit/form/templates/ComboBox.html (17ms)       hostenv_browser.j... (line 154)
GET http://localhost:8080/proto/en.json (239ms)      xhr.js (line 581)
GET http://localhost:8080/proto/dojo/dijit/templates/Tooltip.html (17ms)

A+

[mistertbo]

Dojo fournit un outil qui permet de créer des "custom builds" qui compressent les sources dojo et votre code js en un seul fichier et réduisent énormément le temps de chargement.

Lorsque vous utilisez une version non compressée, la durée de chargement est considérablement augmentée par le nombre de requêtes nécessaire au chargement de chaque module dojo.

Il est donc plus que fortement recommandée de créer son "custom build" pour utiliser Dojo sur les versions non-dev de votre site.

[emmanuel.remy]

mistertbo a tout à fait raison, le custom build est l'idéal. A priori tu ne semble pas charger trop de choses inutiles.

J'ai vu que tu charges un ItemFileReadStore et un FilteringSelect. Utilises tu plusieurs FilteringSelect ? Et chacune est elle reliée à un ItemFileReadStore ?

ERE