Blank screen between two pages on IE 11 - javascript

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.

Related

Script for a web link to try two mirror links and if the first times out, opens the second one instead?

For context, the problem I'm facing is that our business still has to use Internet Explorer 11 for some of our stuff. As a result, loads of people are trying to open newer sites (like mine) which are only accessible on newer browsers like Edge and Chrome. I have not accommodated for IE when building because it will be phased out completely from our business in the next 6 months.
I've tried to force users to open the link (to my site) in Edge, by using the link href edge-browser:http://google.co.uk/ however the problem with this is that if the user is already using Edge browser, Edge doesn't recognise the edge-browser: prefix and the link just times out! Very infuriating.
I'm wondering if anyone has a work-around, or whether there might be a way to script a button that tries the Edge link first and if it times out after 3-4 seconds, reverts to the second link instead? What about if there is a way of detecting which browser the user is using, and only showing them the appropriate link? I've trialed having two links present but our employees don't understand the difference or which link to press, and are complaining that the formatting of the site is all wrong when accessing via IE.
Let me know what you think - sorry, I am not very tech-savvy when it comes to browsers.

Website freezes after a few hours on same page

We have a PHP web application that relies on javascript and jquery. We have a create/read/update/delete page where users can edit content. The content is added/edited/deleted using AJAX, so there's no full page reload.
After 1-2 hours of working on the same page, the page is loading very slow and the browser freezes.
How can I debug and fix this issue? I guess there's a javascript function that keeps running. Is there a way to find this kind of bugs? Is there a js debug tool that can help me in this case?
UPDATE
On each add, 44 empty divs are added to the body. May this create a serious performance penalty? I tested locally and with 10 000 empty divs the website was working ok, but with 100 000 it was very slow.
Debugging Javascript is very simple if you are using any modern browser such as Chrome.
You can press F12 on Chrome to bring up the inspector then you can goto the console which serves you all the javascript logs. To debug the specific program, you can add console.log()'s to your code and debug in that way.
Generally this problem could be that you're filling up the web page with DOM elements without clearing some of the older ones. If you have a list of several thousand DOM elements the browser can work slowly.
However without any code I can't really provide you with a better answer.

Div is hidden until you click anywhere on the page - IE

Using Service Manager, Cireson and the web portal for the front end.
Opening the web portal in Internet Explorer 11, two divs are hidden and do not appear on the page until you click anywhere on the page.
This problem does not occur in Chrome.
IE loads the data, and I can inspect the elements in the dev tab, it just doesn't show.
Does anyone have any idea what may be causing this? Because the web portal is build dynamically, I am struggling to locate it.
I assume it would be something to do with the CSS?
Without seeing your code, it is difficult to say. However, as you presumed, it is likely a feature in your CSS is not supported by internet explorer, preventing it from displaying on Page Load.

Should JavaScript/jQuery objects disappear when download hyperlink is clicked

We use Atalasoft's web image viewing SDK to display TIF images in a web page. We recently upgraded to their client-side, JavaScript/jQuery based component and discovered some odd behavior. After initializing the control, if a link is clicked to a resource that should be downloaded, the control(s) clear themselves out. The issue exists in Chrome and IE 11 that I have tested.
Since it is a paid SDK, the easiest way to test this is to go to their demo at:
http://www.atalasoft.com/demos/dotimagewebdemo/
Once the page finishes loading, open a developer console and paste in the following (simply adds a download link to a file on their site):
$("body").append($("<div style='position:absolute;right:5px;top:5px;'><a href='/Gallery/WebViewingDemo.zip'>DOWNLOAD</a></div>"))
Clicking the download link will wipe out their controls on the page.
Adding download to the anchor tag resolves the issue in Chrome, but not IE.
Adding target='_blank' resolves the issue in both, but creates an ugly blank window first (that in my experience does not always close).
I am setting headers server-side to tell the browser to download the file rather than displaying it.
I guess my questions are two-fold:
Is it normal for JavaScript/jQuery based objects to disappear/destroy/whatever when a link is clicked to download a file or is this a problem with their implementation?
and
What is the best solution for this (preferably without the blank page showing up)? We need to support mainly Chrome, FF, and IE (most popular desktop versions).
Thanks in advance!

Get rid of [dynamic] JavaScript views in Visual Studio

Since I installed Visual Studio 2010 from scratch about 2 months ago, it behaves slightly different when debugging JavaScript code being run in IE.
When I set a breakpoint, it opens a duplicate of the view with the term "[dynamic]" in the header and marks the breakpoint in there.
When a JavaScript error happens during execution, it does the same before it marks the line of code that threw the error.
This "dynamic" view is editable but edits have no effect - they are not saved to the file.
I find this behavior pretty uncomfortable. Everytime I notice an error in the code during debugging, I happen to fix it in the dynamic view. I hit save. VS does not complain. Next I refresh the page in IE, and - bang - the changes are lost, it loads the untouched old version again.
I haven't been able to find out how I can turn these views off. Before I re-installed Visual Studio it did not do that. It would only create "dynamic" views for script found in inline script tags in HTML files.
Try this
IE > Internet Options > Settings (under browsing history) > Check for new version of stored pages : Every time I visit the webpage.
This works for me in IE10.
Other option is to open Developer tools and select cache option Always Refresh from Server as show in the image below
Try hitting CTRL+F5 on the web page. That did the trick for me.
The problem was that I had opened other IE windows from a previous debugging session, so the dynamic javascript files were still cached.
Having developer tools open - F12 - should also cause the cache files for the page to be cleared on each refresh.
Changing the encoding of the JS file in question, from a Windows codepage to UTF-8, fixes this for me.
Narrowing it down, it appears that OEM Extended ASCII characters in the file (e.g. ALT-254 which I use for a bullet) trigger the problem with the Windows codepage files.
(Visual Studio 2013 Update 5, IE11)
For Google Chrome:
Open developer tools(F12)
Open Network Conditions Tool
Select Disable Cache
I had the same problem of not being able to hit a break point in new code. And breakpoints on old code in the same page will bring up the [dynamic] version. The edited page is not reloaded. This just started for me a week ago in both VS2012 and VS2013. Using refresh page and/or Ctl-F5 did not work for me. BUT, reading this thread pointed me to using F12 to open Developer tools. Leaving that window open, while hitting refresh does the trick. Thanks guys.
1) Run the page Without Debugging (Debug-->Start Without Debugging)
2) While the web page is open in Internet Explorer, press Ctrl-F5 so
that the IE cache is cleared. Ensure IE has the focus.
3) Close IE and re-run the page with Debugging (Debug-->Start
Debugging).
This fixed the issue for me.

Categories

Resources