View Full Version : resizing browser - unusually slow

7 Nov 2010, 6:33 PM
I have a screen in my app that uses IFrames which i tried to tweak to make into a one-pager. All (three) Iframes used to sit inside a Ext.Panel. one of them is a collapsible:true.

The Panels used be constructed with {.. html: 'iframe src=...' }

and now i am doing it with {.. contentEl: 'contentDiv' }

It works...kind of. The only problem i am having is a crazy onResize behavior. The browser freezes for 10-20 seconds. This is the dump from Firebug console... oh an before i forget, The contents of the contentDiv is 10 Grids with 6row*20col data. And the initial load is fine. just the browser resize is wacky.

calls Time File
h 82 0.02% 1.233ms 6515.916ms 79.462ms 0.075ms 3255.96ms ext-all-debug.js (line 1908)
fireWindowResize() 2 0% 0.044ms 6500.65ms 3250.325ms 3244.773ms 3255.877ms ext-all-debug.js (line 2364)
fire() 106 0% 0.198ms 6490.806ms 61.234ms 0ms 3255.817ms ext-all-debug.js (line 1566)
doLayout() 20 0.01% 0.366ms 6482.052ms 324.103ms 0ms 3250.862ms ext-all-debug.js (line 11531)
layout() 20 0% 0.238ms 6481.307ms 324.065ms 0.042ms 1673.457ms ext-all-debug.js (line 11726)
fireResize() 2 0% 0.017ms 6481.011ms 3240.506ms 3230.074ms 3250.937ms ext-all-debug.js (line 13722)
onResize() 8 0% 0.038ms 6480.994ms 810.124ms 0ms 3250.928ms ext-all-debug.js (line 11586)
onResize() 2 0% 0.019ms 6480.869ms 3240.435ms 3229.998ms 3250.871ms ext-all-debug.js (line 11798)
onLayout() 4 0% 0.164ms 6477.515ms 1619.379ms 1575.844ms 1673.415ms ext-all-debug.js (line 12143)
applyLayout() 6 0% 0.066ms 6475.771ms 1079.295ms 10.26ms 1663.003ms ext-all-debug.js (line 12532)
setSize() 14 0.01% 0.46ms 6475.517ms 462.537ms 0.042ms 1662.909ms ext-all-debug.js (line 10715)
addStyles() 116 0.02% 1.467ms 6472.844ms 55.8ms 0.071ms 851.417ms ext-all-debug.js (line 4122)
onResize() 6 0.01% 0.375ms 6472.583ms 1078.764ms 9.716ms 1662.518ms ext-all-debug.js (line 14470)
getStyle() 248 99.29% 6470.882ms 6471.605ms 26.095ms 0.013ms 851.3ms ext-all-debug.js (line 3903)
getPadding() 58 0% 0.273ms 6468.406ms 111.524ms 0.076ms 851.423ms ext-all-debug.js (line 4077)
getFrameWidth() 24 0% 0.189ms 6467.92ms 269.497ms 0.161ms 851.532ms ext-all-debug.js (line 4249)
getFrameHeight() 6 0% 0.115ms 3254.216ms 542.369ms 4.881ms 851.735ms ext-all-debug.js (line 14580)
getFrameWidth() 6 0% 0.078ms 3213.897ms 535.65ms 4.111ms 819.916ms ext-all-debug.js (line 14568)

8 Nov 2010, 10:22 AM
Is this due to deeper css cascading?