-
17 Sep 2012 1:22 PM #1Sencha User
- Join Date
- Apr 2007
- Posts
- 159
- Vote Rating
- 0
High memory consumption in IE9 iframe
High memory consumption in IE9 iframe
REQUIRED INFORMATION
Ext version tested:- Ext 4.1.1
Browser versions tested against:- IE9
DOCTYPE tested against:- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Description:- If use ExtJS 4.1.1 in the iframe under IE9 (tested in MS VISTA) then after few iframe refreshed the memory consumption is very high
Steps to reproduce the problem:- Open the following page in IE9: http://docs.sencha.com/ext-js/4-1/#!...arts/Area.html
- Right click inside iframe with example and choose Refresh
- Refresh iframe appx. 30 times
The result that was expected:- Low memory consumption
The result that occurs instead:- For me, memory consumption is 714 MB for iexplorer.exe process (in Windows TaskManager)
HELPFUL INFORMATION
See this URL for live test case: http://docs.sencha.com/ext-js/4-1/#!...arts/Area.html
Debugging already done:- none
Possible fix:- not provided
Additional CSS used:- only default ext-all.css
- custom css (include details)
Operating System:- MS VISTA SP2
-
17 Sep 2012 2:30 PM #2Sencha User
- Join Date
- Apr 2007
- Posts
- 159
- Vote Rating
- 0
The problem is reproducible in Chrome v21 also
For example,
1. Open http://docs.sencha.com/ext-js/4-1/#!/example ( memory in TaskManager 110 MB )
2. Open all samples from Chart group ( memory 308 MB )
3. Close All samples tabs
4. Memory is not decreased
5. Open all samples from Grid group ( memory 558 MB )
6. Close all samples Tab
7. Memory is not decreased ( still 558 MB )
-
18 Sep 2012 5:38 AM #3Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,582
- Vote Rating
- 433
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
18 Sep 2012 6:14 AM #4Sencha User
- Join Date
- Apr 2007
- Posts
- 159
- Vote Rating
- 0
May be but the problem occurs in Chrome also. Under FF situation is better bot not good also
The issue occurs only if an iframe with extjs is used in a page
-
19 Sep 2012 1:17 PM #5Sencha User
- Join Date
- Apr 2007
- Posts
- 159
- Vote Rating
- 0
is it really ExtJS memory leaking (if extjs in iframe page then brwser doesn't release a memory after iframe destroying)? Or the issue is not related with ExtJS?
Just such issue is not observed with ExtJS 3.x
-
24 Sep 2012 10:53 PM #6Sencha User
- Join Date
- Jun 2010
- Location
- Saint-Petersburg, Russia
- Posts
- 678
- Vote Rating
- 62
Hi Mitchell,
Please clarify is there any update on this issue?
-
5 Oct 2012 5:02 AM #7Sencha User
- Join Date
- Apr 2007
- Posts
- 159
- Vote Rating
- 0
Bump
Can you somebody to clarify whether it will be considered as a bug? If yes then could we expect any memory improvements in 4.2?
Thanks in advance for any info
-
11 Oct 2012 9:19 AM #8Sencha User
- Join Date
- Jun 2010
- Location
- Saint-Petersburg, Russia
- Posts
- 678
- Vote Rating
- 62
Could someone provide any info on this issue, please?
-
11 Oct 2012 4:18 PM #9Sencha - Ext JS Dev Team
- Join Date
- Apr 2007
- Location
- Sydney, Australia
- Posts
- 15,065
- Vote Rating
- 96
It's not quite as straight forward.
outer.html
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Outer</title> <script type="text/javascript"> setInterval(function(){ document.getElementById('frame').contentWindow.location.reload(true); }, 1000); </script> </head> <body> <iframe id="frame" style="width: 600px; height: 600px;" src="inner.html"></iframe> </body> </html>When I look at the memory consumption, it jumps all over the place, but on my machine (IE9, Win7) it always ends up around 109MB as a settling point. The memory does increase slightly over time, however I see the same kind of behaviour with jquery. Obviously the jumps in memory are less severe because the library is smaller, but it's the same thing on a smaller scale.Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Test</title> <script type="text/javascript" src="../extjs-4.1.2/ext-all.js"></script> <script type="text/javascript"> setTimeout(function(){ document.body.innerHTML = new Date().toString(); }, 500); </script> </head> <body> </body> </html>
The problem is more likely in the application code, since the same thing should be reproducible with just loading the library.Evan Trimboli
Sencha Developer
Twitter - @evantrimboli
Don't be afraid of the source code!
-
16 Oct 2012 8:30 AM #10Sencha User
- Join Date
- Oct 2012
- Posts
- 1
- Vote Rating
- 0
<br><br>I've made an example because we are also having problems with memory usage relating to adding and removing Iframes from urls, if you run the example without the ext-js file linked and watch the memory usage while clicking add and remove it'll settle to roughly around what it starts at, maybe 1 or 2k difference which I've always seen drop down to what it starts at after enough time.<br><br>Now if you put the ext-js file reference back and do the same the memory usage goes insane!! i had it up to 200mb+ in a few seconds, this is clearly a leak somewhere in a framework, if Jquery had such a leak the memory usage wouldn't go down but with ext it just keeps going up! is it perhaps because both the child and parent have the ext framework so the child frame interacts with the parent which doesn't get cleaned up on unload of the iframe? If so this is a big problem for us as we use a heavy tab system and once you start using ext controls the memory usage becomes even worse, I had crome at 2gb+ on the sencha examples alone!!<br><br>Are you sure there is nothing that can be done since this is almost a game breaker for us (we are using Ext.Net but the example shows its clearly a JS problem)<br><br>Example:<br>Main page<br>
Originally Posted by evant
<br><br>Iframe:<br>Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br><html><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br> <title>Outer</title><br> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script><br> <script type="text/javascript" src="ext-all.js"></script><br> <script type="text/javascript"><br> $(function() {<br> $("#add").click(function() {<br> if($("#iframe").length == 1) return;<br> $("#frame").append('<iframe id="iframe" style="width: 600px; height: 600px;" src="iframe.html"></iframe>');<br> });<br> <br> $("#remove").click(function() {<br> $("#iframe").remove();<br> });<br> });<br> </script><br></head><br><body><br> <a href="#" id="add">Add</a><br> <a href="#" id="remove">Remove</a><br> <div id="frame"><br> <br> </div><br></body><br></html><br><br>JulianCode:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br><html><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br> <title>Outer</title><br> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script><br> <script type="text/javascript" src="ext-all.js"></script><br></head><br><body><br> Added<br></body><br></html>
Thank you for reporting this bug. We will make it our priority to review this report.
Reply With Quote
