IE and Edge renders page much slower than Chrome and Firefox - javascript

What can the problem be when a web page loads slow for 20-30 seconds when I am trying to request my server via IE or Edge over the internet but fast with Chrome and Firefox?
The attached picture shows that the request is over and done with after 3.85 s then there is about 20 s before the next request fires and after that it loads the entire page.
I was first thinking that it might have to do with rendering, but oddly enough it renders at similar speed as Chrome and Firefox when I try it on IE or Edge locally.
Is there some way to find out what the client is doing during these 20 or so seconds?
No other resource files are loaded or downloaded in between the two items shown in the picture.

Related

Blank screen between two pages on IE 11

I am working on an enterprise application developed on MVC, JQuery and while moving between pages , we are regularly seeing a blank screen i.e. the HTML takes time to render however, the same is not seen on Chrome browser.
on heavy pages, the blank screen appears for 4-5 seconds and then the actual pages comes up. Again, the same behavior is not seen on chrome, even these heavy pages are loaded quickly without an intermittent display of blank screen
Please let me know if there is a setting in IE or in code that should be included to ensure quicker rendering of HTML on IE.
Thanks in Advance... !
Blow tips might help you
validate pages with W3C standards.
Check any closing tag is missing.
Optimize the content if its to heavy to load, in chrome go to network select "all" option and reload page check loading time.
add preloader image remove it on window onload() method.
Try to load site contents in the background for better performance in Internet Explorer.
You can follow steps below to enable that option in Internet Explorer.
(1) Go to Tools in Internet Explorer.
(2) Click on Internet Options.
(3) Select Advanced tab.
(4) Find an option called Load sites and content in the background to optimize performance and checked it.
Again try to make a test with your site in Internet Explorer 11.
if still issue persist than you may need to check your site and try to take some steps to make it lightweight to improve its performance in IE 11.

safari could not open the page because the server stopped responding

I have one page which takes some time to load in asp.net website. It works with all Android OS, all MAC OS, all iOS except iOS with version 10.0.0.2 with safari browser
When I am trying to load same page with safari in iOS 10.0.0.2, it throws 'safari could not open the page because the server stopped responding'.
I know the reason for this error is, my page is taking time. But my page is already optimized and it has so many things, that's why it is taking time.
I want to prevent my page from this error in 10.0.0.2.
I tried all the possible ways to solve this issue like :
Clear cookie and browsing data
Added 8.8.8.8 to DNS server
Airplane mode on-off
iPhone restart
But nothing helps.
Please help me to figure out this issue.
I found that iOS 10.0.0.2 has default timeout approx 1 minute. My page was taking more than 1 minute to load. That's why safari assumed that server is not responding and it was throwing that message.
I did not get any setting or anything to extend timeout limit of safari. At the end I optimized my code.
I am using telerik rad grid in my page and its MasterTableView's property named 'HierarchyLoadMode' was set as 'client'. I changed it to 'ServerOnDemand'.
That solved my issue by reducing page load time.
As
1) 'Client' loads grid data at the time of page load.
2) 'ServerOnDemand' loads grid data at the time of grid expanding
My page load time has been reduced and safari stopped throwing message.
If you are using telerik rad grid, I hope this will help you.

Page freezes on Mobile

I'm testing on a webpage which displays a list of products, with photos, names, prices, etc. It works fine when I views it on my PC. When I visits the same page on mobile phones (Android and iPhone), the page first loads all its contents, and then freezes for few seconds, and then works again. When it freezes, I tried to scroll the screen up and down and it does nothing, and then after few seconds, it responds with all these actions. Any guess on what causes the freeze? There is some JS runs when the page loads, but it works just fine on browsers on PC.
It depends on your code. If you are displaying high resolution images on the device, it will slow down the scrolling. Also if you are downloading any data on the main UI thread, it will also cause the freeze which you are experiencing.
Sometimes on mobile if you're loading a lot of items or data at the same time it can take mobile phones a second to render all the new information. Perhaps loading less information could be a solution?

Chrome wont progressively render this page with script tag at end of body

Steve Souders' Rule 6 - Put Scripts at the Bottom doesn't seem to work on Chrome 32. I get a blank page for 10 seconds. Weirdly it does work in the side-by-side (iframe) comparison. Any idea why? I thought one of the advantages to putting scripts at the end of the body was to enable progressive rendering?
It works fine in Firefox 27 and Safari 7.
Update: actually it does work the first time you load the page, or if you open a new tab and paste the URL, but not when you refresh the page.
Update: ok even weirder, it works if I refresh during the 10 second wait i.e. hit refresh and then 2 seconds in I hit refresh again. But if I wait the full 10 seconds for the page to render and then hit refresh, I get nothing for another 10 seconds.
Update: hmmm, I've just noticed that if I open Chrome dev tools during the 10s wait, it suddenly displays the page!
Can other people reproduce this?

Window.location intermittently fails to load in IE

I have an aspx page with JS calling window.location.reload(true) to force refresh a page when a function is called.
This appears to work a few times, with the page reloading as expected, but gets to a scenario where the function is called (i.e. alert in the function is visible) but the reload does not occur. I've also tried setting window.location with the same outcome - it works 2 or 3 times then fails.
This does not occur in Firefox (16), but is happening in different versions of IE (7 & 9)
Using Fiddler to monitor the browser traffic, all is as expected when the reload is working, but there is no traffic reported when the reload stops, suggesting the browser is not sending the request to the server? The IE window does go blank with the loading spinner spinning, but eventually IE displays the error page:
Internet Explorer cannot display the webpage
Most likely causes:
You are not connected to the Internet.
The website is encountering problems.
There might be a typing error in the address.
This appears to lock the browser. Trying to hit another website results in the same output in Fiddler (nothing). Opening a new IE window means I am able to hit the site with no problems.
This was initially causing a problem updating UpdatePanels via __doPostBack so this JS reload of the page was seen as a quick workaround, but this does not seem to be the case.
I would tend to think this is server related, but I have been unable to replicate the issue in Firefox. This does however unfortunately have to work in IE.
Any ideas much appreciated!
JS snippet below (though this is pretty simple stuff)
function ReloadWindow() {
alert(window.location); // Can see this alert, even when page fails to reload
window.location.reload(true);
}

Categories

Resources