Memory leak on IE

Submitted by Piotr on Tue, 10/28/2008 - 00:32

I've been using the shadedborder script in some GWT (Ajax) projects. The biggest problem I faced was the memory leak problem under IE (which is a IE problem by the way). By adding just a few rendered elements to a web page you hardly notice the leakage, but when using a lot of rendered elements, or a lot of pages that contain rendered elements, IE's memory consumption goes pretty high, and the memory usage isn't released until the 'browser' is fully closed. The leaking can be checked with DRIP.

For this reason I tweaked the script such that memory leaks are avoided, which however required a slightly different approach.

Another option I included is that it allows you to use a css class-name different from the default .sb-inner. This comes in hand if you require to nest rendered elements under IE.

Anyway, in the ShadedBorder comments (of before the forum) some asked me to share this tweak. So here it is: http://www.sierraware.nl/shadedborder/simple.html

The tweaked script is in test mode and hasn't been optimized. I'm a Java programmer and not an expert on javascript, so some of you will probably see better solutions and optimizations.

For the tweaked script I've also developped some nice GWT wrappers that may render the elements before the page is shown, and re-use elements. Anyone's interested, let me know.

Piotr

Trackback URL for this post:

http://www.ruzee.com/trackback/174
‹ activate round corners on individuall corners Can I turn off the shadow? ›

BTW: what is Steffen gone do

Submitted by edbras on Mon, 10/19/2009 - 16:32.

BTW: what is Steffen gone do with your changes/tweaks?

Memory leak still exists

Submitted by Alex Connell (not verified) on Fri, 06/12/2009 - 16:39.

Hi,

I have downloaded your js and applied it to a site we are building with abour 20 Render Elements and the memory leak still exists in IE8.

Alex

Leaking

Submitted by Piotr on Tue, 06/16/2009 - 13:33.

Hi,

I've tested the js test page (where you got the script) with DRIP under IE8 and found no leaks. Are you sure the leakage is caused by the script? If so, could you pass more details?

Piotr

Thank you so much!!!

Submitted by mbiker on Fri, 04/17/2009 - 15:37.

Thank you so much Piotrek!!!

Woa ...

Submitted by Steffen on Sun, 11/02/2008 - 14:51.

Hi Piotr,

that's what I call refactoring ;-) - incredible what you did!

Thanks for sharing!

Interested in the GWT wrappers...

Submitted by Ryan (not verified) on Fri, 05/01/2009 - 22:17.

Hi Piotr,

I'm also using this with GWT, and am interested in your GWT wrappers. Do you still have those?

Thanks!

Using GWT wrapper

Submitted by mablaev (not verified) on Mon, 10/05/2009 - 18:28.

Hi Piotr,

Very nice that Ruzee borders available in GWT too. Thanks!

I uploaded library http://www.sierraware.nl/shadedborder/lib/SierraWare_Borders_1_5.zip, but can't use it. Could you share some examples. What should initialized, attached and etc.

Thanks a lot!

Re: Using GWT wrapper

Submitted by Piotr on Tue, 10/06/2009 - 22:07.

Hi,

If you open the zip file, you'll find a readme.txt file. Also all the source code is well documented.

You're right, it doesn't come with an example. I don't have the time to include one soon, but will have a look at that in the future.

The basic steps are to:

-include the SwGwtBorders.gwt.xml file. (Which auto includes the shadedborder_swtweaked.js source file;

-Create a ClassBorderCommand or IdBorderCommand object;

-Add your command to the borderstore instance using the static BorderStore.getInstance().addBorderCommand(BorderCommand) method;

-Do the above for as many widgets that require to be rendered;

-At some time (whenever you're ready for it in your code) call one of the BorderStore.getInstance().render([optional param]) methods to render all added commands.

That's it.

If you have only one item to render and don't need to use the borderstore, then simply call something like Borders.renderClassBorderCommand(myClassBorderCommand);

There are many other options like adding listeners to the borderstore etc.

If you want to reuse already rendered widgets (which obviously is very very very (!) efficient within a webapp) then have a look at the SwbWidgetStore class in the util package.

Hope this helps.

Piotr

GWT Wrappers

Submitted by Piotr on Sun, 05/10/2009 - 13:30.

Hi Ryan.

Still have the code but I'll need some time to sort them out for publishing since the code is (by now) pretty much integrated in my libraries. I'll give you a notice here when having put them on my site.

Piotr

Awesome. Thanks!

Submitted by Ryan (not verified) on Wed, 05/20/2009 - 16:52.

Awesome. Thanks!