[Javascript]Geheugen gebruik bij aanroepen Webservice

[urk_forever]

Hallo,

Ik heb een simpele webservice in C# die 1 parameter ontvangt en een boolean waarde terug geeft. Deze webservice roep ik aan via javascript op de volgende manier:

JavaScript:

var timer = null;
var onreadyallowed = false;
var alertallowed = true;
var _Oid;
var _Timeout;
var _UpdateTekst;
var _TheRequest;

function StartUpdateControle(Oid, Timeout, UpdateTekst) 
{
    _Oid = Oid;
    _Timeout = Timeout;
    _UpdateTekst = UpdateTekst;
    _TheRequest = GetXMLObject();

    StopUpdateControle();
        timer = setTimeout("CheckForUpdates()", _Timeout);
}

function GetXMLObject()
{
    //Construct an XMLHTTP Object to handle our HTTP Request
    var xmlHttpReq = false;
    try {
        xmlHttpReq = new XMLHttpRequest();
    }
    catch (err)
    {
        try
        {
            xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (err2)
        {
            xmlHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
        }
    }

    if (!xmlHttpReq)
    {
        return null
    }

    return xmlHttpReq;
}

function CheckForUpdates()
{
    onreadyallowed = true;

    if (_TheRequest == null)
    {
        return;
    }

    _TheRequest.open('POST', 'Services/CheckForUpdate.asmx', true);
    _TheRequest.setRequestHeader('Content-Type', 'text/xml; charset=utf-8');
    _TheRequest.setRequestHeader('SOAPAction', 'http://tempuri.org/IsUpdateAvailable');
    _TheRequest.onreadystatechange = function () {
        if (_TheRequest.readyState == 4 && onreadyallowed) {
            onreadyallowed = false;
            ParseResponse();
        }
    }

    try
    {
        var xml = "<?xml version=\"1.0\" encoding=\"utf-8\"?>";
        xml += "<soap:Envelope xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\">";
        xml += "<soap:Body>";
        xml += "<IsUpdateAvailable xmlns=\"http://tempuri.org/\">";
        xml += "<Oid>" + _Oid + "</Oid>";
        xml += "</IsUpdateAvailable>";
        xml += "</soap:Body>";
        xml += "</soap:Envelope>";

        _TheRequest.send(xml);
    }
    catch (e)
    {
        error = ("Error while sending: " + e);
        error += ("e.number is: " + (e.number & 0xFFFF) + "(" + e.number + ")");
        error += ("e.description is: " + e.description);
        error += ("e.name is: " + e.name);
        error += ("e.message is: " + e.message);
        error += ("xmlHttpReq.status is: " + xmlHttpReq.status);
        error += ("xmlHttpReq.statusText is: " + xmlHttpReq.statusText);
        alert(error);
    }
}

function ParseResponse() {

    if (_TheRequest.responseXML.getElementsByTagName('IsUpdateAvailableResponse')[0] == null) {
            return;
        }
        else {
            var result = _TheRequest.responseXML.getElementsByTagName('IsUpdateAvailableResponse')[0].text;
            if (result == null) {
                result = _TheRequest.responseXML.getElementsByTagName('IsUpdateAvailableResponse')[0].textContent;
            }

            if ("true" == result) {
                alert(_UpdateTekst);
            }
        }

        _TheRequest.onreadystatechanged = nill;
        _TheRequest.abort();
        timer = setTimeout("CheckForUpdates()", _Timeout);
}

function nill() { }

Alleen elke keer als deze code uitgevoerd wordt zie ik het geheugen van de browser met een paar kB omhoog gaan in de task manager. Ik kan niet goed achterhalen waar dit vandaan komt,

Ik heb al geprobeerd om de onreadystatechanged event op een lege functie in te stellen, en ook al om niet telkens een nieuw XmlHttpRequest object aan te maken, maar niets helpt.

Doe ik iets fout of moet ik de fout toch ergens anders zoeken?

[armageddon_2k1]

urk_forever schreef op woensdag 15 juni 2011 @ 15:57:
Alleen elke keer als deze code uitgevoerd wordt zie ik het geheugen van de browser met een paar kB omhoog gaan in de task manager. Ik kan niet goed achterhalen waar dit vandaan komt,

....

Doe ik iets fout of moet ik de fout toch ergens anders zoeken?

Je voert een javascript functie uit (AJAX functie) waardoor het geheugengebruik van de browser een paar kB omhoog gaat en volgens jou is dit een fout?

Ik denk dat ik het niet helemaal volg, maar ik vind het niet meer dan logisch dat het geheugengebruik van de browser (welke eigenlijk?) stijgt als je hem een opdracht geeft

[urk_forever]

armageddon_2k1 schreef op woensdag 15 juni 2011 @ 16:15:
[...]


Je voert een javascript functie uit (AJAX functie) waardoor het geheugengebruik van de browser een paar kB omhoog gaat en volgens jou is dit een fout?

Ik denk dat ik het niet helemaal volg, maar ik vind het niet meer dan logisch dat het geheugengebruik van de browser (welke eigenlijk?) stijgt als je hem een opdracht geeft

Nou deze functie wordt continue en achter elkaar uitgevoerd. Als elke keer dat de functie uitgevoerd wordt het geheugen gebruik omhoog gaat dan kan je op een gegeven moment tegen limieten aanlopen. Op een desktop browser duurt dat misschien een tijdje, maar op, oudere, mobile devices met minder geheugen kan dat natuurlijk problemen geven.

Met een timeout van 60 milliseconden zit ik in IE9 binnen een minuut op 30mB geheugen (bij startup 8mB).

[Voor 6% gewijzigd door urk_forever op 15-06-2011 16:22]

[armageddon_2k1]

Hoe weet je dat de browser niet op gezette tijden aan garbagecleaning doet en denk je dat mobile devices dit misschien niet stricter hebben? Ik snap dat het interessant is om een zo lean mogelijke app te maken, maar meten = weten. Je wil niet uren bezig zijn met een optimalisatie welke alle moderne (mobiele) browsers er al uit-optimaliseren. Daarnaast is het dan ook handig om te kijken of het nuttig is om continu AJAX calls uit te voeren.

Ik zie dat het om een update-notificatie gaat. Dat is toch niet nodig elke 60ms? Elk uur zou logischer zijn.

[Voor 13% gewijzigd door armageddon_2k1 op 15-06-2011 16:27]

[urk_forever]

Ik ben er vandaag al een paar uurtjes mee bezig geweest, maar in IE9 bijvoorbeeld zie ik continue het geheugen gebruik oplopen en nooit minder worden. Daarom vroeg ik me af of ik iets fout doe.

De 60ms is maar een voorbeeld, in het echt zal het altijd een grotere interval zijn. Maar ook met een grotere interval zie ik het geheugen gebruik alleen maar oplopen.

[Voor 30% gewijzigd door urk_forever op 15-06-2011 16:30]

[armageddon_2k1]

Hoe lang heb je getest met IE? Misschien zit er een soort max op die jij nog niet gehaald heb.
Ik ben zelf niet zo'n javascript guru, maar wellicht leer je hier iets:
http://stackoverflow.com/...script-garbage-collection

[Voor 78% gewijzigd door armageddon_2k1 op 15-06-2011 16:35]

[djexplo]

Zie : http://www.tomshardware.c...r-9-safari-5,2680-10.html
Daar zie je een grafiek dat als je 40tabs opent en daarna weer sluit je, als snel een aantal 100MB's aan geheugen kwijt bent geraakt. Of te wel, de meeste browsers ruimen slecht hun geheugen weer op.

Wil je echt testen op memory-leaks gebruik dan Chrome ..

[Face_-_LeSS]

Offtopic maar je weet dat je in ASP.NET d.m.v. een ScriptManager automatisch de javascript webservice client code kan laten genereren voor een asmx of een WCF webservice? Zodat je niet zelf de soap berichten hoeft uit te typen.

Zie: http://msdn.microsoft.com/en-us/magazine/cc163499.aspx

[urk_forever]

@armageddon_2k1: Nee, zoals ik aangaf is de 60ms in werkelijkheid wel hoger, maar dit was een voorbeeld. Ook met een interval van 5000ms zie ik het geheugen gebruik steeds omhoog kruipen.

@djexplo: In IE9 heb ik maar 1 tab en verder gebruik ik IE helemaal niet. Ik heb alleen die pagina open staan en de javascript wordt uitgevoerd, en toch gaat elke keer het geheugen gebruik omhoog. Als je tips hebt hoe ik kan testen op memory leaks in Chrome hoor ik het graag.

@Face_-_LeSS: Ik zal eens kijken of ik de ScriptManager kan gebruiken. Het probleem is wel dat het ook moet draaien onder bijvoorbeeld PocketIE op Windows Mobile 5 bijvoorbeeld.

[Woy]

De bron van je data heeft natuurlijk niks met het geheugen gebruik te maken. Dat maakt dit een client-side javascript probleem en hoort dus in WEB thuis

PRG -> WEB dus..

[djexplo]

urk_forever schreef op woensdag 15 juni 2011 @ 17:38:
@djexplo: In IE9 heb ik maar 1 tab en verder gebruik ik IE helemaal niet. Ik heb alleen die pagina open staan en de javascript wordt uitgevoerd, en toch gaat elke keer het geheugen gebruik omhoog. Als je tips hebt hoe ik kan testen op memory leaks in Chrome hoor ik het graag.

Het is ook niet een letterlijke vergelijking. Je zie dat de "Garbage Collector" van Chrome netjes alles opruimt in hun meerdere tab's test, terwijl andere browsers 100mb's aan objecten niet opruimen.
Dus als je jou script ook in Chrome steeds meer geheugen gaat gebruiken ligt het aan je script, anders aan een slechte IE "Garbage Collector"

[Bosmonster]

djexplo schreef op woensdag 15 juni 2011 @ 16:37:
Zie : http://www.tomshardware.c...r-9-safari-5,2680-10.html
Daar zie je een grafiek dat als je 40tabs opent en daarna weer sluit je, als snel een aantal 100MB's aan geheugen kwijt bent geraakt. Of te wel, de meeste browsers ruimen slecht hun geheugen weer op.

Ik zou dat eerder omdraaien. Goed memory-management ruimt het juist niet de hele tijd op. Dat is juist een van de sterkere punten van OS X bijvoorbeeld.

Geheugengebruik is dan ook een hele slechte graadmeter, want liever dat een applicatie het geheugen beschikbaar houdt en pas vrijgeeft als het OS het nodig heeft, dan dat het geheugen de hele tijd leeg (en dus nutteloos) is.