Firefox Hangs for 5 Seconds After Render on ASPX Page with Large Drop Down Lists
I am a web developer, and I have a page that is a middle tier interface for my site. It is not used on a daily basis, but it requires about 10 Drop Down Lists, that have about 1200 List Items Each.
The page loads very quickly and displays in firefox, then it becomes unresponsive for about 5 seconds. After that time you can work normally, but if it posts back and needs to render again, the same thing happens. I replicated on multiple PC's in version 25.0
Is this a known issue?
Additional System Details
- Shockwave Flash 11.9 r900
- Google Update
- LogMeIn, Inc. Remote Access Components
- The plugin allows you to have a better experience with Microsoft Lync
- The plugin allows you to have a better experience with Microsoft SharePoint
- User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0
Hello, Looks like this issue might not be because of the number of drop downs but the items in the drop down. Is it possible for you to enable the developer tools and try to get more information after you profile the code. Based on your findings in where the maximum time is getting spent (which component and maybe which JS) the team can suggest the next steps.
Also, can you please confirm if you are seeing this issue on other browsers too - this is to rule out any server side communication delays that might be adding to the browser becoming unresponsive.
This issue does not occur in Chrome or IE just Firefox. I've attached the profile image. I've never looked at the profiler before, so I'm not sure what it means.
Thank you for the attachment. It does explain that the JS functions are taking time to execute on FF. Would it be possible to create a sample code that is similar to what you are doing and post the code. It will be difficult to determine which JS is causing the issue just by looking at the profile snapshot.
I see the following Number of calls - constructor / function 111 - bc() 107 - bp() 1486 - bp()
Does the bp() have to be called so many times? Is there any possibility of reducing the number of calls?
While you might ask why this doesn't cause any issues with either Chrome and IE (which is a valid query), answering that without seeing representative code will be tough.