PDA

View Full Version : Understanding EXtJs 4.1 page-analyzer



webfriend13
27 Jun 2012, 12:11 AM
Hi All,

My page is taking long time to load and I used ExtJs 4.1 page analyzer tool. I am attaching a screen shot of the report. I want to understand how I can utilize the data produced by the report. I could not find much help about using ExtJs page analyzer.


36572

evant
27 Jun 2012, 12:12 AM
Is that on initial load of your page? Because 40 layout runs is certainly no good.

webfriend13
27 Jun 2012, 1:12 AM
Hi Evant,

I was playing around with my page. I think this report is generated after rendering the page multiple times. Is there any other way to understand this information ?

Thank you.

jonathanmv
29 Jun 2012, 4:38 AM
I don't know how to interpret this also.
I'm getting a lot of time spent on the 3rd run (3 runs from a single try) and it is because of Invalidate. How can I reduce the Invalidate time? could anyone explain what the Invalidate means?

Thank you very much

36655
Here's the raw data for the run #3

{"duration":1601,"time":"2012-06-29T07:17:33","success":true,"cycleCount":19,"flushCount":7,"calcCount":190,"orphans":0,"layouts":[{"allDone":true,"done":true,"id":"autocomponent-1025","type":"autocomponent","name":"viewport-1009<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"fit-1026","type":"fit","name":"viewport-1009<fit>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"ext-gen1018.height","prop":"height","value":646,"dirty":false,"missing":false,"setBy":"viewport-1009<autocomponent>"},{"name":"ext-gen1018.width","prop":"width","value":1344,"dirty":false,"missing":false,"setBy":"viewport-1009<autocomponent>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[{"allDone":true,"done":true,"id":"dock-1028","type":"dock","name":"cc-desktop<dock>","blocks":[],"boxParent":null,"isBoxParent":false,"triggers":[{"name":"cc-desktop-taskbar.height","prop":"height","value":42,"dirty":false,"missing":false,"setBy":"cc-desktop-taskbar<autocomponent>"},{"name":"cc-desktop.height","prop":"height","value":646,"dirty":false,"missing":false,"setBy":"viewport-1009<fit>"},{"name":"cc-desktop.width","prop":"width","value":1344,"dirty":false,"missing":false,"setBy":"viewport-1009<fit>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1031","type":"autocomponent","name":"cc-desktop-taskbar<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"border-1036","type":"border","name":"cc-desktop-taskbar<border>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"cc-desktop-taskbar-partner-logo.width","prop":"width","value":150,"dirty":false,"missing":false,"setBy":"cc-desktop-taskbar-partner-logo<autocomponent>"},{"name":"cc-desktop-taskbar-start-button.width","prop":"width","value":74,"dirty":false,"missing":false,"setBy":"cc-desktop-taskbar-start-button<button>"},{"name":"cc-desktop-taskbar.height","prop":"height","value":42,"dirty":false,"missing":false,"setBy":"cc-desktop-taskbar<autocomponent>"},{"name":"cc-desktop-taskbar.width","prop":"width","value":1344,"dirty":false,"missing":false,"setBy":"cc-desktop<dock>"}],"orphan":false,"heightModel":"configured","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"button-1032","type":"button","name":"cc-desktop-taskbar-start-button<button>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"cc-desktop-taskbar-start-button.height","prop":"height","value":42,"dirty":false,"missing":false,"setBy":"cc-desktop-taskbar<border>"},{"name":"cc-desktop-taskbar-start-button.width","prop":"width","value":74,"dirty":false,"missing":false,"setBy":"cc-desktop-taskbar-start-button<button>"}],"orphan":false,"heightModel":"calculated","widthModel":"configured","children":[],"duration":3,"totalTime":3,"count":2},{"allDone":true,"done":true,"id":"autocomponent-1033","type":"autocomponent","name":"cc-desktop-taskbar-toolbar<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"hbox-1034","type":"hbox","name":"cc-desktop-taskbar-toolbar<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"cc-desktop-taskbar-toolbar.height","prop":"height","value":42,"dirty":false,"missing":false,"setBy":"cc-desktop-taskbar<border>"},{"name":"cc-desktop-taskbar-toolbar.width","prop":"width","value":1118,"dirty":false,"missing":false,"setBy":"cc-desktop-taskbar<border>"},{"name":"tbtext-1010.height","prop":"height","value":16,"dirty":false,"missing":false,"setBy":"tbtext-1010<autocomponent>"},{"name":"tbtext-1010.width","prop":"width","value":3,"dirty":false,"missing":false,"setBy":"tbtext-1010<autocomponent>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1035","type":"autocomponent","name":"tbtext-1010<autocomponent>","blocks":[],"boxParent":"cc-desktop-taskbar-toolbar","isBoxParent":true,"triggers":[{"name":"tbtext-1010.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"shrinkWrap","children":[],"duration":4,"totalTime":4,"count":1}],"duration":1,"totalTime":5,"count":3},{"allDone":true,"done":true,"id":"autocomponent-1037","type":"autocomponent","name":"cc-desktop-taskbar-partner-logo<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"calculated","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1}],"duration":2,"totalTime":10,"count":2}],"duration":1,"totalTime":11,"count":2},{"allDone":true,"done":true,"id":"fit-1052","type":"fit","name":"cc-desktop<fit>","blocks":[],"boxParent":null,"isBoxParent":false,"triggers":[{"name":"cc-desktop-body.height","prop":"height","value":604,"dirty":false,"missing":false,"setBy":"cc-desktop<dock>"},{"name":"cc-desktop-body.width","prop":"width","value":1344,"dirty":false,"missing":false,"setBy":"cc-desktop<dock>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1030","type":"autocomponent","name":"cc-desktop-wallpaper<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":false,"triggers":[],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":1},{"allDone":true,"done":true,"id":"dock-1050","type":"dock","name":"cc-desktop-wrapper<dock>","blocks":[],"boxParent":null,"isBoxParent":false,"triggers":[{"name":"cc-desktop-clocks-container.height","prop":"height","value":85,"dirty":false,"missing":false,"setBy":"cc-desktop-clocks-container<autocomponent>"},{"name":"cc-desktop-wrapper.height","prop":"height","value":603,"dirty":false,"missing":false,"setBy":"cc-desktop<fit>"},{"name":"cc-desktop-wrapper.width","prop":"width","value":1344,"dirty":false,"missing":false,"setBy":"cc-desktop<fit>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1029","type":"autocomponent","name":"cc-desktop-clocks-container<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1}],"duration":2,"totalTime":2,"count":2},{"allDone":true,"done":true,"id":"fit-1051","type":"fit","name":"cc-desktop-wrapper<fit>","blocks":[],"boxParent":null,"isBoxParent":false,"triggers":[{"name":"cc-desktop-wrapper-body.height","prop":"height","value":518,"dirty":false,"missing":false,"setBy":"cc-desktop-wrapper<dock>"},{"name":"cc-desktop-wrapper-body.width","prop":"width","value":1344,"dirty":false,"missing":false,"setBy":"cc-desktop-wrapper<dock>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1038","type":"autocomponent","name":"cc-desktop-desktop-icons<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":false,"triggers":[],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1}],"duration":1,"totalTime":1,"count":2}],"duration":2,"totalTime":6,"count":2}],"duration":0,"totalTime":17,"count":1},{"allDone":true,"done":true,"id":"dock-1095","type":"dock","name":"stickyNote-1039<dock>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"stickyNote-1039.height","prop":"height","value":186,"dirty":false,"missing":false,"setBy":"stickyNote-1039<dock>"},{"name":"stickyNote-1039.width","prop":"width","value":167,"dirty":false,"missing":false,"setBy":"stickyNote-1039<dock>"},{"name":"stickyNote-1039_header.height","prop":"height","value":22,"dirty":false,"missing":false,"setBy":"stickyNote-1039_header<body>"},{"name":"toolbar-1044.height","prop":"height","value":34,"dirty":false,"missing":false,"setBy":"toolbar-1044<autocomponent>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[{"allDone":true,"done":true,"id":"body-1104","type":"body","name":"stickyNote-1039_header<body>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"stickyNote-1039_header.contentHeight","prop":"contentHeight","value":16,"dirty":false,"missing":false,"setBy":"stickyNote-1039_header<hbox>"},{"name":"stickyNote-1039_header.width","prop":"width","value":167,"dirty":false,"missing":false,"setBy":"stickyNote-1039<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":3},{"allDone":true,"done":true,"id":"hbox-1106","type":"hbox","name":"stickyNote-1039_header<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"stickyNote-1039_header-body.width","prop":"width","value":155,"dirty":false,"missing":false,"setBy":"stickyNote-1039_header<body>"},{"name":"stickyNote-1039_header_hd.height","prop":"height","value":16,"dirty":false,"missing":false,"setBy":"stickyNote-1039_header_hd<autocomponent>"},{"name":"tool-1046.height","prop":"height","value":15,"dirty":false,"missing":false,"setBy":"tool-1046<autocomponent>"},{"name":"tool-1046.width","prop":"width","value":15,"dirty":false,"missing":false,"setBy":"tool-1046<autocomponent>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1105","type":"autocomponent","name":"stickyNote-1039_header_hd<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"stickyNote-1039_header_hd.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":9,"totalTime":9,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1107","type":"autocomponent","name":"tool-1046<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":1,"totalTime":1,"count":1}],"duration":1,"totalTime":11,"count":2},{"allDone":true,"done":true,"id":"autocomponent-1101","type":"autocomponent","name":"toolbar-1044<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"toolbar-1044.contentHeight","prop":"contentHeight","value":34,"dirty":false,"missing":false,"setBy":"toolbar-1044<hbox>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":2},{"allDone":true,"done":true,"id":"hbox-1102","type":"hbox","name":"toolbar-1044<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"button-1041.height","prop":"height","value":30,"dirty":false,"missing":false,"setBy":"button-1041<button>"},{"name":"button-1041.width","prop":"width","value":18,"dirty":false,"missing":false,"setBy":"button-1041<button>"},{"name":"tbfill-1045.height","prop":"height","value":0,"dirty":false,"missing":false,"setBy":"tbfill-1045<autocomponent>"},{"name":"toolbar-1044.width","prop":"width","value":155,"dirty":false,"missing":false,"setBy":"stickyNote-1039<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1103","type":"autocomponent","name":"tbfill-1045<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"tbfill-1045.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"},{"name":"tbfill-1045.width:dom","prop":"width","value":131,"dirty":false,"missing":false,"setBy":"toolbar-1044<hbox>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":2},{"allDone":true,"done":true,"id":"button-1097","type":"button","name":"button-1041<button>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"button-1041.height","prop":"height","value":30,"dirty":false,"missing":false,"setBy":"button-1041<button>"},{"name":"button-1041.width","prop":"width","value":18,"dirty":false,"missing":false,"setBy":"button-1041<button>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":1,"totalTime":1,"count":1}],"duration":1,"totalTime":2,"count":3}],"duration":2,"totalTime":17,"count":3},{"allDone":true,"done":true,"id":"fit-1100","type":"fit","name":"stickyNote-1039<fit>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"stickyNote-1039-body.height","prop":"height","value":120,"dirty":false,"missing":false,"setBy":"stickyNote-1039<dock>"},{"name":"stickyNote-1039-body.width","prop":"width","value":155,"dirty":false,"missing":false,"setBy":"stickyNote-1039<dock>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[{"allDone":true,"done":true,"id":"textareafield-1098","type":"textareafield","name":"textareafield-1042<textareafield>","blocks":[],"boxParent":null,"isBoxParent":false,"triggers":[{"name":"textareafield-1042.height","prop":"height","value":113,"dirty":false,"missing":false,"setBy":"stickyNote-1039<fit>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":2}],"duration":1,"totalTime":1,"count":2},{"allDone":true,"done":true,"id":"dock-1068","type":"dock","name":"stickyNote-1023<dock>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"stickyNote-1023.height","prop":"height","value":186,"dirty":false,"missing":false,"setBy":"stickyNote-1023<dock>"},{"name":"stickyNote-1023.width","prop":"width","value":167,"dirty":false,"missing":false,"setBy":"stickyNote-1023<dock>"},{"name":"stickyNote-1023_header.height","prop":"height","value":22,"dirty":false,"missing":false,"setBy":"stickyNote-1023_header<body>"},{"name":"toolbar-1028.height","prop":"height","value":34,"dirty":false,"missing":false,"setBy":"toolbar-1028<autocomponent>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[{"allDone":true,"done":true,"id":"body-1077","type":"body","name":"stickyNote-1023_header<body>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"stickyNote-1023_header.contentHeight","prop":"contentHeight","value":16,"dirty":false,"missing":false,"setBy":"stickyNote-1023_header<hbox>"},{"name":"stickyNote-1023_header.width","prop":"width","value":167,"dirty":false,"missing":false,"setBy":"stickyNote-1023<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":3},{"allDone":true,"done":true,"id":"hbox-1079","type":"hbox","name":"stickyNote-1023_header<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"stickyNote-1023_header-body.width","prop":"width","value":155,"dirty":false,"missing":false,"setBy":"stickyNote-1023_header<body>"},{"name":"stickyNote-1023_header_hd.height","prop":"height","value":16,"dirty":false,"missing":false,"setBy":"stickyNote-1023_header_hd<autocomponent>"},{"name":"tool-1030.height","prop":"height","value":15,"dirty":false,"missing":false,"setBy":"tool-1030<autocomponent>"},{"name":"tool-1030.width","prop":"width","value":15,"dirty":false,"missing":false,"setBy":"tool-1030<autocomponent>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1078","type":"autocomponent","name":"stickyNote-1023_header_hd<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"stickyNote-1023_header_hd.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1080","type":"autocomponent","name":"tool-1030<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1}],"duration":1,"totalTime":1,"count":2},{"allDone":true,"done":true,"id":"autocomponent-1074","type":"autocomponent","name":"toolbar-1028<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"toolbar-1028.contentHeight","prop":"contentHeight","value":34,"dirty":false,"missing":false,"setBy":"toolbar-1028<hbox>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":2},{"allDone":true,"done":true,"id":"hbox-1075","type":"hbox","name":"toolbar-1028<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"button-1025.height","prop":"height","value":30,"dirty":false,"missing":false,"setBy":"button-1025<button>"},{"name":"button-1025.width","prop":"width","value":18,"dirty":false,"missing":false,"setBy":"button-1025<button>"},{"name":"tbfill-1029.height","prop":"height","value":0,"dirty":false,"missing":false,"setBy":"tbfill-1029<autocomponent>"},{"name":"toolbar-1028.width","prop":"width","value":155,"dirty":false,"missing":false,"setBy":"stickyNote-1023<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1076","type":"autocomponent","name":"tbfill-1029<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"tbfill-1029.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"},{"name":"tbfill-1029.width:dom","prop":"width","value":131,"dirty":false,"missing":false,"setBy":"toolbar-1028<hbox>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":2},{"allDone":true,"done":true,"id":"button-1070","type":"button","name":"button-1025<button>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"button-1025.height","prop":"height","value":30,"dirty":false,"missing":false,"setBy":"button-1025<button>"},{"name":"button-1025.width","prop":"width","value":18,"dirty":false,"missing":false,"setBy":"button-1025<button>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":2,"totalTime":2,"count":1}],"duration":1,"totalTime":3,"count":3}],"duration":2,"totalTime":6,"count":3},{"allDone":true,"done":true,"id":"fit-1073","type":"fit","name":"stickyNote-1023<fit>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"stickyNote-1023-body.height","prop":"height","value":120,"dirty":false,"missing":false,"setBy":"stickyNote-1023<dock>"},{"name":"stickyNote-1023-body.width","prop":"width","value":155,"dirty":false,"missing":false,"setBy":"stickyNote-1023<dock>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[{"allDone":true,"done":true,"id":"textareafield-1071","type":"textareafield","name":"textareafield-1026<textareafield>","blocks":[],"boxParent":null,"isBoxParent":false,"triggers":[{"name":"textareafield-1026.height","prop":"height","value":113,"dirty":false,"missing":false,"setBy":"stickyNote-1023<fit>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":2}],"duration":0,"totalTime":1,"count":2},{"allDone":true,"done":true,"id":"dock-1057","type":"dock","name":"ext-comp-1019<dock>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"ext-comp-1019.height","prop":"height","value":118,"dirty":false,"missing":false,"setBy":"ext-comp-1019<dock>"},{"name":"ext-comp-1019.width","prop":"width","value":245,"dirty":false,"missing":false,"setBy":"ext-comp-1019<dock>"},{"name":"ext-comp-1019_header.height","prop":"height","value":26,"dirty":false,"missing":false,"setBy":"ext-comp-1019_header<body>"},{"name":"toolbar-1020.height","prop":"height","value":26,"dirty":false,"missing":false,"setBy":"toolbar-1020<autocomponent>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[{"allDone":true,"done":true,"id":"body-1062","type":"body","name":"ext-comp-1019_header<body>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1019_header.contentHeight","prop":"contentHeight","value":20,"dirty":false,"missing":false,"setBy":"ext-comp-1019_header<hbox>"},{"name":"ext-comp-1019_header.width","prop":"width","value":245,"dirty":false,"missing":false,"setBy":"ext-comp-1019<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":3},{"allDone":true,"done":true,"id":"hbox-1065","type":"hbox","name":"ext-comp-1019_header<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1019_header-body.width","prop":"width","value":233,"dirty":false,"missing":false,"setBy":"ext-comp-1019_header<body>"},{"name":"ext-comp-1019_header-iconEl.height","prop":"height","value":16,"dirty":false,"missing":false,"setBy":"ext-comp-1019_header-iconEl<autocomponent>"},{"name":"ext-comp-1019_header-iconEl.width","prop":"width","value":16,"dirty":false,"missing":false,"setBy":"ext-comp-1019_header-iconEl<autocomponent>"},{"name":"ext-comp-1019_header_hd.height","prop":"height","value":20,"dirty":false,"missing":false,"setBy":"ext-comp-1019_header_hd<autocomponent>"},{"name":"tool-1022.height","prop":"height","value":15,"dirty":false,"missing":false,"setBy":"tool-1022<autocomponent>"},{"name":"tool-1022.width","prop":"width","value":15,"dirty":false,"missing":false,"setBy":"tool-1022<autocomponent>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1063","type":"autocomponent","name":"ext-comp-1019_header-iconEl<autocomponent>","blocks":[],"boxParent":"ext-comp-1019_header","isBoxParent":true,"triggers":[{"name":"ext-comp-1019_header-iconEl.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"shrinkWrap","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1064","type":"autocomponent","name":"ext-comp-1019_header_hd<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1019_header_hd.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1066","type":"autocomponent","name":"tool-1022<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1}],"duration":0,"totalTime":1,"count":2},{"allDone":true,"done":true,"id":"autocomponent-1059","type":"autocomponent","name":"toolbar-1020<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"toolbar-1020.contentHeight","prop":"contentHeight","value":26,"dirty":false,"missing":false,"setBy":"toolbar-1020<hbox>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":2},{"allDone":true,"done":true,"id":"hbox-1060","type":"hbox","name":"toolbar-1020<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"button-1021.height","prop":"height","value":22,"dirty":false,"missing":false,"setBy":"button-1021<button>"},{"name":"button-1021.width","prop":"width","value":75,"dirty":false,"missing":false,"setBy":"button-1021<button>"},{"name":"toolbar-1020.width","prop":"width","value":233,"dirty":false,"missing":false,"setBy":"ext-comp-1019<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"button-1061","type":"button","name":"button-1021<button>","blocks":[],"boxParent":"toolbar-1020","isBoxParent":true,"triggers":[{"name":"button-1021.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"},{"name":"button-1021.width","prop":"width","value":75,"dirty":false,"missing":false,"setBy":"button-1021<button>"},{"name":"button-1021.width:dom","prop":"width","value":75,"dirty":false,"missing":false,"setBy":"button-1021<button>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"constrainedMin (shrinkWrap)","children":[],"duration":7,"totalTime":7,"count":3}],"duration":0,"totalTime":7,"count":3}],"duration":3,"totalTime":12,"count":3},{"allDone":true,"done":true,"id":"autocontainer-1058","type":"autocontainer","name":"ext-comp-1019<autocontainer>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"ext-comp-1019-body.height","prop":"height","value":53,"dirty":false,"missing":false,"setBy":"ext-comp-1019<dock>"},{"name":"ext-comp-1019-body.width","prop":"width","value":233,"dirty":false,"missing":false,"setBy":"ext-comp-1019<dock>"},{"name":"ext-comp-1019.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":1,"totalTime":1,"count":2},{"allDone":true,"done":true,"id":"dock-1082","type":"dock","name":"stickyNote-1031<dock>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"stickyNote-1031.height","prop":"height","value":186,"dirty":false,"missing":false,"setBy":"stickyNote-1031<dock>"},{"name":"stickyNote-1031.width","prop":"width","value":167,"dirty":false,"missing":false,"setBy":"stickyNote-1031<dock>"},{"name":"stickyNote-1031_header.height","prop":"height","value":22,"dirty":false,"missing":false,"setBy":"stickyNote-1031_header<body>"},{"name":"toolbar-1036.height","prop":"height","value":34,"dirty":false,"missing":false,"setBy":"toolbar-1036<autocomponent>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[{"allDone":true,"done":true,"id":"body-1091","type":"body","name":"stickyNote-1031_header<body>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"stickyNote-1031_header.contentHeight","prop":"contentHeight","value":16,"dirty":false,"missing":false,"setBy":"stickyNote-1031_header<hbox>"},{"name":"stickyNote-1031_header.width","prop":"width","value":167,"dirty":false,"missing":false,"setBy":"stickyNote-1031<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":3},{"allDone":true,"done":true,"id":"hbox-1093","type":"hbox","name":"stickyNote-1031_header<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"stickyNote-1031_header-body.width","prop":"width","value":155,"dirty":false,"missing":false,"setBy":"stickyNote-1031_header<body>"},{"name":"stickyNote-1031_header_hd.height","prop":"height","value":16,"dirty":false,"missing":false,"setBy":"stickyNote-1031_header_hd<autocomponent>"},{"name":"tool-1038.height","prop":"height","value":15,"dirty":false,"missing":false,"setBy":"tool-1038<autocomponent>"},{"name":"tool-1038.width","prop":"width","value":15,"dirty":false,"missing":false,"setBy":"tool-1038<autocomponent>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1092","type":"autocomponent","name":"stickyNote-1031_header_hd<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"stickyNote-1031_header_hd.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1094","type":"autocomponent","name":"tool-1038<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1}],"duration":2,"totalTime":2,"count":2},{"allDone":true,"done":true,"id":"autocomponent-1088","type":"autocomponent","name":"toolbar-1036<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"toolbar-1036.contentHeight","prop":"contentHeight","value":34,"dirty":false,"missing":false,"setBy":"toolbar-1036<hbox>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":2},{"allDone":true,"done":true,"id":"hbox-1089","type":"hbox","name":"toolbar-1036<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"button-1033.height","prop":"height","value":30,"dirty":false,"missing":false,"setBy":"button-1033<button>"},{"name":"button-1033.width","prop":"width","value":18,"dirty":false,"missing":false,"setBy":"button-1033<button>"},{"name":"tbfill-1037.height","prop":"height","value":0,"dirty":false,"missing":false,"setBy":"tbfill-1037<autocomponent>"},{"name":"toolbar-1036.width","prop":"width","value":155,"dirty":false,"missing":false,"setBy":"stickyNote-1031<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1090","type":"autocomponent","name":"tbfill-1037<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"tbfill-1037.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"},{"name":"tbfill-1037.width:dom","prop":"width","value":131,"dirty":false,"missing":false,"setBy":"toolbar-1036<hbox>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":2},{"allDone":true,"done":true,"id":"button-1084","type":"button","name":"button-1033<button>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"button-1033.height","prop":"height","value":30,"dirty":false,"missing":false,"setBy":"button-1033<button>"},{"name":"button-1033.width","prop":"width","value":18,"dirty":false,"missing":false,"setBy":"button-1033<button>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1}],"duration":2,"totalTime":3,"count":3}],"duration":1,"totalTime":6,"count":3},{"allDone":true,"done":true,"id":"fit-1087","type":"fit","name":"stickyNote-1031<fit>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"stickyNote-1031-body.height","prop":"height","value":120,"dirty":false,"missing":false,"setBy":"stickyNote-1031<dock>"},{"name":"stickyNote-1031-body.width","prop":"width","value":155,"dirty":false,"missing":false,"setBy":"stickyNote-1031<dock>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[{"allDone":true,"done":true,"id":"textareafield-1085","type":"textareafield","name":"textareafield-1034<textareafield>","blocks":[],"boxParent":null,"isBoxParent":false,"triggers":[{"name":"textareafield-1034.height","prop":"height","value":113,"dirty":false,"missing":false,"setBy":"stickyNote-1031<fit>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":2}],"duration":0,"totalTime":0,"count":2},{"allDone":true,"done":true,"id":"dock-1108","type":"dock","name":"ext-comp-1047<dock>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"ext-comp-1047.height","prop":"height","value":245,"dirty":false,"missing":false,"setBy":"ext-comp-1047<dock>"},{"name":"ext-comp-1047.width","prop":"width","value":260,"dirty":false,"missing":false,"setBy":"ext-comp-1047<dock>"},{"name":"ext-comp-1047_header.height","prop":"height","value":26,"dirty":false,"missing":false,"setBy":"ext-comp-1047_header<body>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[{"allDone":true,"done":true,"id":"body-1160","type":"body","name":"ext-comp-1047_header<body>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1047_header.contentHeight","prop":"contentHeight","value":20,"dirty":false,"missing":false,"setBy":"ext-comp-1047_header<hbox>"},{"name":"ext-comp-1047_header.width","prop":"width","value":260,"dirty":false,"missing":false,"setBy":"ext-comp-1047<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":3},{"allDone":true,"done":true,"id":"hbox-1163","type":"hbox","name":"ext-comp-1047_header<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1047_header-body.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1047_header<body>"},{"name":"ext-comp-1047_header-iconEl.height","prop":"height","value":16,"dirty":false,"missing":false,"setBy":"ext-comp-1047_header-iconEl<autocomponent>"},{"name":"ext-comp-1047_header-iconEl.width","prop":"width","value":16,"dirty":false,"missing":false,"setBy":"ext-comp-1047_header-iconEl<autocomponent>"},{"name":"ext-comp-1047_header_hd.height","prop":"height","value":20,"dirty":false,"missing":false,"setBy":"ext-comp-1047_header_hd<autocomponent>"},{"name":"tool-1081.height","prop":"height","value":15,"dirty":false,"missing":false,"setBy":"tool-1081<autocomponent>"},{"name":"tool-1081.width","prop":"width","value":15,"dirty":false,"missing":false,"setBy":"tool-1081<autocomponent>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1161","type":"autocomponent","name":"ext-comp-1047_header-iconEl<autocomponent>","blocks":[],"boxParent":"ext-comp-1047_header","isBoxParent":true,"triggers":[{"name":"ext-comp-1047_header-iconEl.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"shrinkWrap","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1162","type":"autocomponent","name":"ext-comp-1047_header_hd<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1047_header_hd.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1159","type":"autocomponent","name":"tool-1081<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1}],"duration":2,"totalTime":3,"count":2}],"duration":12,"totalTime":16,"count":2},{"allDone":true,"done":true,"id":"vbox-1158","type":"accordion","name":"ext-comp-1047<accordion>","blocks":[],"boxParent":null,"isBoxParent":null,"triggers":[{"name":"ext-comp-1047-body.height","prop":"height","value":209,"dirty":false,"missing":false,"setBy":"ext-comp-1047<dock>"},{"name":"ext-comp-1047-body.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1047<dock>"},{"name":"ext-comp-1065.height","prop":"height","value":29,"dirty":false,"missing":false,"setBy":"ext-comp-1065<dock>"},{"name":"ext-comp-1069.height","prop":"height","value":29,"dirty":false,"missing":false,"setBy":"ext-comp-1069<dock>"},{"name":"ext-comp-1072.height","prop":"height","value":29,"dirty":false,"missing":false,"setBy":"ext-comp-1072<dock>"}],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[{"allDone":true,"done":true,"id":"dock-1109","type":"dock","name":"ext-comp-1048<dock>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1048.height","prop":"height","value":122,"dirty":false,"missing":false,"setBy":"ext-comp-1047<accordion>"},{"name":"ext-comp-1048.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1047<accordion>"},{"name":"ext-comp-1048_header.height","prop":"height","value":29,"dirty":false,"missing":false,"setBy":"ext-comp-1048_header<body>"},{"name":"toolbar-1063.height","prop":"height","value":26,"dirty":false,"missing":false,"setBy":"toolbar-1063<autocomponent>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"body-1165","type":"body","name":"ext-comp-1048_header<body>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1048_header.contentHeight","prop":"contentHeight","value":18,"dirty":false,"missing":false,"setBy":"ext-comp-1048_header<hbox>"},{"name":"ext-comp-1048_header.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1048<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":3},{"allDone":true,"done":true,"id":"hbox-1167","type":"hbox","name":"ext-comp-1048_header<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1048_header-body.width","prop":"width","value":239,"dirty":false,"missing":false,"setBy":"ext-comp-1048_header<body>"},{"name":"ext-comp-1048_header_hd.height","prop":"height","value":18,"dirty":false,"missing":false,"setBy":"ext-comp-1048_header_hd<autocomponent>"},{"name":"tool-1082.height","prop":"height","value":15,"dirty":false,"missing":false,"setBy":"tool-1082<autocomponent>"},{"name":"tool-1082.width","prop":"width","value":15,"dirty":false,"missing":false,"setBy":"tool-1082<autocomponent>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1166","type":"autocomponent","name":"ext-comp-1048_header_hd<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1048_header_hd.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1164","type":"autocomponent","name":"tool-1082<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1}],"duration":2,"totalTime":3,"count":2},{"allDone":true,"done":true,"id":"autocomponent-1128","type":"autocomponent","name":"toolbar-1063<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"toolbar-1063.contentHeight","prop":"contentHeight","value":26,"dirty":false,"missing":false,"setBy":"toolbar-1063<hbox>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":2},{"allDone":true,"done":true,"id":"hbox-1129","type":"hbox","name":"toolbar-1063<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"button-1054.height","prop":"height","value":22,"dirty":false,"missing":false,"setBy":"button-1054<button>"},{"name":"button-1054.width","prop":"width","value":69,"dirty":false,"missing":false,"setBy":"button-1054<button>"},{"name":"splitbutton-1055.height","prop":"height","value":22,"dirty":false,"missing":false,"setBy":"splitbutton-1055<button>"},{"name":"splitbutton-1055.width","prop":"width","value":90,"dirty":false,"missing":false,"setBy":"splitbutton-1055<button>"},{"name":"tbfill-1064.height","prop":"height","value":0,"dirty":false,"missing":false,"setBy":"tbfill-1064<autocomponent>"},{"name":"toolbar-1063.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1048<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"button-1115","type":"button","name":"button-1054<button>","blocks":[],"boxParent":"toolbar-1063","isBoxParent":true,"triggers":[{"name":"button-1054.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"shrinkWrap","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1130","type":"autocomponent","name":"tbfill-1064<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"tbfill-1064.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"},{"name":"tbfill-1064.width:dom","prop":"width","value":81,"dirty":false,"missing":false,"setBy":"toolbar-1063<hbox>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":2},{"allDone":true,"done":true,"id":"button-1116","type":"button","name":"splitbutton-1055<button>","blocks":[],"boxParent":"toolbar-1063","isBoxParent":true,"triggers":[{"name":"splitbutton-1055.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"shrinkWrap","children":[],"duration":0,"totalTime":0,"count":1}],"duration":1,"totalTime":1,"count":3}],"duration":4,"totalTime":8,"count":5},{"allDone":true,"done":true,"id":"hbox-1123","type":"hbox","name":"ext-comp-1048<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1048-body.height","prop":"height","value":67,"dirty":false,"missing":false,"setBy":"ext-comp-1048<dock>"},{"name":"ext-comp-1048-body.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1048<dock>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1124","type":"autocomponent","name":"container-1061<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"vbox-1125","type":"vbox","name":"container-1061<vbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"container-1061.height","prop":"height","value":67,"dirty":false,"missing":false,"setBy":"ext-comp-1048<hbox>"},{"name":"container-1061.width","prop":"width","value":62,"dirty":false,"missing":false,"setBy":"ext-comp-1048<hbox>"},{"name":"image-1049.height","prop":"height","value":48,"dirty":false,"missing":false,"setBy":"image-1049<autocomponent>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1110","type":"autocomponent","name":"image-1049<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1}],"duration":1,"totalTime":1,"count":3},{"allDone":true,"done":true,"id":"autocomponent-1126","type":"autocomponent","name":"container-1062<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"vbox-1127","type":"vbox","name":"container-1062<vbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"container-1062.height","prop":"height","value":67,"dirty":false,"missing":false,"setBy":"ext-comp-1048<hbox>"},{"name":"container-1062.width","prop":"width","value":186,"dirty":false,"missing":false,"setBy":"ext-comp-1048<hbox>"}],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1111","type":"autocomponent","name":"label-1050<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1112","type":"autocomponent","name":"label-1051<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1113","type":"autocomponent","name":"label-1052<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"calculated","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1}],"duration":2,"totalTime":2,"count":3}],"duration":2,"totalTime":5,"count":3},{"allDone":true,"done":true,"id":"dock-1131","type":"dock","name":"ext-comp-1065<dock>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1065.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1047<accordion>"},{"name":"ext-comp-1065_header.height","prop":"height","value":29,"dirty":false,"missing":false,"setBy":"ext-comp-1065_header<body>"}],"orphan":false,"heightModel":"shrinkWrap (calculated)","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"body-1169","type":"body","name":"ext-comp-1065_header<body>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1065_header.contentHeight","prop":"contentHeight","value":18,"dirty":false,"missing":false,"setBy":"ext-comp-1065_header<hbox>"},{"name":"ext-comp-1065_header.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1065<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":3},{"allDone":true,"done":true,"id":"hbox-1171","type":"hbox","name":"ext-comp-1065_header<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1065_header-body.width","prop":"width","value":239,"dirty":false,"missing":false,"setBy":"ext-comp-1065_header<body>"},{"name":"ext-comp-1065_header_hd.height","prop":"height","value":18,"dirty":false,"missing":false,"setBy":"ext-comp-1065_header_hd<autocomponent>"},{"name":"tool-1083.height","prop":"height","value":15,"dirty":false,"missing":false,"setBy":"tool-1083<autocomponent>"},{"name":"tool-1083.width","prop":"width","value":15,"dirty":false,"missing":false,"setBy":"tool-1083<autocomponent>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1170","type":"autocomponent","name":"ext-comp-1065_header_hd<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1065_header_hd.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1168","type":"autocomponent","name":"tool-1083<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1}],"duration":2,"totalTime":2,"count":2}],"duration":1,"totalTime":3,"count":3},{"allDone":true,"done":true,"id":"dock-1137","type":"dock","name":"ext-comp-1069<dock>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1069.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1047<accordion>"},{"name":"ext-comp-1069_header.height","prop":"height","value":29,"dirty":false,"missing":false,"setBy":"ext-comp-1069_header<body>"}],"orphan":false,"heightModel":"shrinkWrap (calculated)","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"body-1173","type":"body","name":"ext-comp-1069_header<body>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1069_header.contentHeight","prop":"contentHeight","value":18,"dirty":false,"missing":false,"setBy":"ext-comp-1069_header<hbox>"},{"name":"ext-comp-1069_header.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1069<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":3},{"allDone":true,"done":true,"id":"hbox-1175","type":"hbox","name":"ext-comp-1069_header<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1069_header-body.width","prop":"width","value":239,"dirty":false,"missing":false,"setBy":"ext-comp-1069_header<body>"},{"name":"ext-comp-1069_header_hd.height","prop":"height","value":18,"dirty":false,"missing":false,"setBy":"ext-comp-1069_header_hd<autocomponent>"},{"name":"tool-1084.height","prop":"height","value":15,"dirty":false,"missing":false,"setBy":"tool-1084<autocomponent>"},{"name":"tool-1084.width","prop":"width","value":15,"dirty":false,"missing":false,"setBy":"tool-1084<autocomponent>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1174","type":"autocomponent","name":"ext-comp-1069_header_hd<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1069_header_hd.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1172","type":"autocomponent","name":"tool-1084<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1}],"duration":0,"totalTime":0,"count":2}],"duration":1,"totalTime":2,"count":3},{"allDone":true,"done":true,"id":"dock-1142","type":"dock","name":"ext-comp-1072<dock>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1072.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1047<accordion>"},{"name":"ext-comp-1072_header.height","prop":"height","value":29,"dirty":false,"missing":false,"setBy":"ext-comp-1072_header<body>"}],"orphan":false,"heightModel":"shrinkWrap (calculated)","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"body-1177","type":"body","name":"ext-comp-1072_header<body>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1072_header.contentHeight","prop":"contentHeight","value":18,"dirty":false,"missing":false,"setBy":"ext-comp-1072_header<hbox>"},{"name":"ext-comp-1072_header.width","prop":"width","value":248,"dirty":false,"missing":false,"setBy":"ext-comp-1072<dock>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":0,"totalTime":0,"count":3},{"allDone":true,"done":true,"id":"hbox-1179","type":"hbox","name":"ext-comp-1072_header<hbox>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1072_header-body.width","prop":"width","value":239,"dirty":false,"missing":false,"setBy":"ext-comp-1072_header<body>"},{"name":"ext-comp-1072_header_hd.height","prop":"height","value":18,"dirty":false,"missing":false,"setBy":"ext-comp-1072_header_hd<autocomponent>"},{"name":"tool-1085.height","prop":"height","value":15,"dirty":false,"missing":false,"setBy":"tool-1085<autocomponent>"},{"name":"tool-1085.width","prop":"width","value":15,"dirty":false,"missing":false,"setBy":"tool-1085<autocomponent>"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[{"allDone":true,"done":true,"id":"autocomponent-1178","type":"autocomponent","name":"ext-comp-1072_header_hd<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[{"name":"ext-comp-1072_header_hd.containerChildrenDone:dom","prop":"containerChildrenDone","value":true,"dirty":false,"missing":false,"setBy":"??"}],"orphan":false,"heightModel":"shrinkWrap","widthModel":"calculated","children":[],"duration":1,"totalTime":1,"count":1},{"allDone":true,"done":true,"id":"autocomponent-1176","type":"autocomponent","name":"tool-1085<autocomponent>","blocks":[],"boxParent":null,"isBoxParent":true,"triggers":[],"orphan":false,"heightModel":"configured","widthModel":"configured","children":[],"duration":0,"totalTime":0,"count":1}],"duration":2,"totalTime":3,"count":2}],"duration":0,"totalTime":3,"count":3}],"duration":3,"totalTime":24,"count":3}],"statsById":{"button-1032":{"duration":3,"count":2},"autocomponent-1035":{"duration":4,"count":1},"autocomponent-1033":{"duration":0,"count":1},"hbox-1034":{"duration":1,"count":3},"autocomponent-1037":{"duration":0,"count":1},"autocomponent-1031":{"duration":0,"count":1},"border-1036":{"duration":2,"count":2},"autocomponent-1030":{"duration":1,"count":1},"autocomponent-1029":{"duration":0,"count":1},"autocomponent-1038":{"duration":0,"count":1},"dock-1050":{"duration":2,"count":2},"fit-1051":{"duration":1,"count":2},"dock-1028":{"duration":1,"count":2},"fit-1052":{"duration":2,"count":2},"autocomponent-1025":{"duration":0,"count":1},"fit-1026":{"duration":0,"count":1},"autocomponent-1105":{"duration":9,"count":1},"autocomponent-1107":{"duration":1,"count":1},"body-1104":{"duration":1,"count":3},"hbox-1106":{"duration":1,"count":2},"autocomponent-1103":{"duration":0,"count":2},"button-1097":{"duration":1,"count":1},"autocomponent-1101":{"duration":1,"count":2},"hbox-1102":{"duration":1,"count":3},"textareafield-1098":{"duration":0,"count":2},"dock-1095":{"duration":2,"count":3},"fit-1100":{"duration":1,"count":2},"autocomponent-1078":{"duration":0,"count":1},"autocomponent-1080":{"duration":0,"count":1},"body-1077":{"duration":0,"count":3},"hbox-1079":{"duration":1,"count":2},"autocomponent-1076":{"duration":0,"count":2},"button-1070":{"duration":2,"count":1},"autocomponent-1074":{"duration":0,"count":2},"hbox-1075":{"duration":1,"count":3},"textareafield-1071":{"duration":1,"count":2},"dock-1068":{"duration":2,"count":3},"fit-1073":{"duration":0,"count":2},"autocomponent-1063":{"duration":0,"count":1},"autocomponent-1064":{"duration":1,"count":1},"autocomponent-1066":{"duration":0,"count":1},"body-1062":{"duration":0,"count":3},"hbox-1065":{"duration":0,"count":2},"button-1061":{"duration":7,"count":3},"autocomponent-1059":{"duration":1,"count":2},"hbox-1060":{"duration":0,"count":3},"dock-1057":{"duration":3,"count":3},"autocontainer-1058":{"duration":1,"count":2},"autocomponent-1092":{"duration":0,"count":1},"autocomponent-1094":{"duration":0,"count":1},"body-1091":{"duration":0,"count":3},"hbox-1093":{"duration":2,"count":2},"autocomponent-1090":{"duration":1,"count":2},"button-1084":{"duration":0,"count":1},"autocomponent-1088":{"duration":0,"count":2},"hbox-1089":{"duration":2,"count":3},"textareafield-1085":{"duration":0,"count":2},"dock-1082":{"duration":1,"count":3},"fit-1087":{"duration":0,"count":2},"autocomponent-1161":{"duration":0,"count":1},"autocomponent-1162":{"duration":1,"count":1},"autocomponent-1159":{"duration":0,"count":1},"body-1160":{"duration":1,"count":3},"hbox-1163":{"duration":2,"count":2},"autocomponent-1166":{"duration":1,"count":1},"autocomponent-1164":{"duration":0,"count":1},"body-1165":{"duration":0,"count":3},"hbox-1167":{"duration":2,"count":2},"button-1115":{"duration":0,"count":1},"autocomponent-1130":{"duration":0,"count":2},"button-1116":{"duration":0,"count":1},"autocomponent-1128":{"duration":0,"count":2},"hbox-1129":{"duration":1,"count":3},"autocomponent-1110":{"duration":0,"count":1},"autocomponent-1124":{"duration":0,"count":1},"vbox-1125":{"duration":1,"count":3},"autocomponent-1111":{"duration":0,"count":1},"autocomponent-1112":{"duration":0,"count":1},"autocomponent-1113":{"duration":0,"count":1},"autocomponent-1126":{"duration":0,"count":1},"vbox-1127":{"duration":2,"count":3},"dock-1109":{"duration":4,"count":5},"hbox-1123":{"duration":2,"count":3},"autocomponent-1170":{"duration":0,"count":1},"autocomponent-1168":{"duration":0,"count":1},"body-1169":{"duration":0,"count":3},"hbox-1171":{"duration":2,"count":2},"dock-1131":{"duration":1,"count":3},"autocomponent-1174":{"duration":0,"count":1},"autocomponent-1172":{"duration":0,"count":1},"body-1173":{"duration":1,"count":3},"hbox-1175":{"duration":0,"count":2},"dock-1137":{"duration":1,"count":3},"autocomponent-1178":{"duration":1,"count":1},"autocomponent-1176":{"duration":0,"count":1},"body-1177":{"duration":0,"count":3},"hbox-1179":{"duration":2,"count":2},"dock-1142":{"duration":0,"count":3},"dock-1108":{"duration":12,"count":2},"vbox-1158":{"duration":3,"count":3}},"statsByType":{"button":{"duration":13,"layoutCount":7,"count":10},"autocomponent":{"duration":22,"layoutCount":43,"count":52},"hbox":{"duration":20,"layoutCount":16,"count":39},"border":{"duration":2,"layoutCount":1,"count":2},"dock":{"duration":29,"layoutCount":11,"count":32},"fit":{"duration":4,"layoutCount":6,"count":11},"body":{"duration":3,"layoutCount":9,"count":27},"textareafield":{"duration":1,"layoutCount":3,"count":6},"autocontainer":{"duration":1,"layoutCount":1,"count":2},"vbox":{"duration":3,"layoutCount":2,"count":6},"accordion":{"duration":3,"layoutCount":1,"count":3}},"flushTime":38,"flushInvalidateTime":1426,"flushInvalidateCount":3,"flushLayoutStats":{"completeLayout":{"count":2,"time":0},"finalizeLayout":{"count":1,"time":0},"finishedLayout":{"count":1,"time":5},"notifyOwner":{"count":1,"time":26}},"totalTime":1601,"num":3}

delp
4 Feb 2014, 3:50 AM
Has there been any new documention on the page analyzer since this question was asked?
I've looked at the following, but still wanting more details on the analyzer -
http://www.sencha.com/blog/ext-js-4-1-performance/
http://www.sencha.com/blog/optimizing-ext-js-4-1-based-applications/
(http://www.sencha.com/blog/optimizing-ext-js-4-1-based-applications/)
What is a run? Is it like a frame (in Flash/Flex terms)?
When I say maximse a container it does 8 runs - is that bad, normal, good?

Small snippet from one of the runs. Loads of raw data, FinishedLayout and Invalidate take quite a while. Looking to find out where this might happen and why.
47802
How do you interpret the raw data?

From the same run I can see the below images
47799
47801

Is there a way to see what code is taking most of the time?