Results 1 to 3 of 3

Thread: [4.2.1] Memory leaking in FireFox

    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,018

    Default [4.2.1] Memory leaking in FireFox

    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.2.1.744

    Browser versions tested against:
    • FireFox - fail
    • Chrome - ok
    • IE9 - ok

    DOCTYPE tested against:
    • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    Description:
    • Memory leaking happens in FireFox. It doesn't happen in IE9 and Chrome with the same test case. Please follow the steps to reproduce. First of all, can you reproduce? Second, I understand the problem, probably, lays in FireFox since it is not reproducible in IE9 or Chrome. But can we be sure that it is nothing in ExtJS? Well, any comments are appreciated.
    • I prepared a sample basing on this Evan's example.
    • Another related thread: http://www.sencha.com/forum/showthread.php?265047

    Steps to reproduce the problem:
    • Run the sample. Notice initial memory consumption for a FireFox process. It was about 300 MB when I tested.
    • Wait a bit. The sample does 101 iframe reload with 3 seconds delay. So, wait 303 seconds.
    • Notice memory consumption. It was higher when 1 GB for me. Though the things are not so bad. It looks that garbage collecting in FireFox takes more time than in IE9 or Chrome. So, the consumed memory was releasing during some time and stopped at 430 MB. Comparing with the initial 300 MB.

    The result that was expected:
    • The consumed memory returns back to 300 MB.

    The result that occurs instead:
    • The consumed consumed grows to 430 MB.

    Test Case:

    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">
            var counter = 0;
                reloadIframeTaskId = setInterval(function(){
                    document.getElementById('frame').contentWindow.location.reload(true);
    
                    if (window.counter++ > 100) {
                        clearInterval(window.reloadIframeTaskId);
                    }
                }, 3000);
        </script>
    </head>
    <body>
        <iframe id="frame" style="width: 600px; height: 600px;" src="inner.html"></iframe>
    </body>
    </html>
    inner.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>Test</title>
        <script type="text/javascript" src="resources/js/ext-all.js"></script>
        <script type="text/javascript">
            Ext.onReady(function () {
                Ext.create("Ext.grid.Panel", {
                    renderTo: Ext.getBody(),
                    store: {
                        fields: [{
                            name: "test1"    
                        }, {
                            name: "test2"    
                        }, {
                            name: "test3"    
                        }],
                        data: [{
                            test1: "1",
                            test2: "2",
                            test3: "3"
                        },
                        {
                            test1: "4",
                            test2: "5",
                            test3: "6"
                        }, {
                            test1: "7",
                            test2: "8",
                            test3: "9"
                        }]
                    },
                    columns: [{
                        text: "Test1",
                        dataIndex: "test1"
                    }, {
                        text: "Test2",
                        dataIndex: "test2"
                    }, {
                        text: "Test3",
                        dataIndex: "test3"
                    }]
                });
            });
        </script>
    </head>
    <body>
    </body>
    </html>




    HELPFUL INFORMATION


    Operating System:
    • Windows 7 SP1 64bit

    *EDIT BY SLEMMON
    I was able to see the memory float upwards over 5-6 minutes with FF21 on Win7 -page reloads would get wildly sluggish and finally closing FF caused an exception.
    Was fine on Chrome
    Last edited by Daniil; 2 Jun 2013 at 10:22 PM. Reason: additional test notes
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

  2. #2
    Sencha User slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,165

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,018

    Default

    The thread is related to this one.
    http://www.sencha.com/forum/showthread.php?265047
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •