I am developing a science wordpress website and I am having an issue with a widget. When I load the page the widget quickly loads and then disappears.
This only happens in Chrome and Firefox, and not Explorer for some reason.
It is EXTREMELY strange as this widget was working perfectly for a while, and after changing nothing it stopped. I have disabled all plugins and it still does not work. I even restored my website from a backup when it was for sure working -- still nothing.
A page of the website with the issue (just dummy content) is located here:
http://scientized.com/physics-astronomy/
As one can see it quickly loads the image slider:
Then unloads the image slider:
Any ideas?
EDIT: it appears the problem is intermittent. Please refresh a few times to replicate it if you don't see the error on the first load.
Related
When I refresh the page again after I see this weird page my website loads normally. I want to understand why this is happening and how can I fix this? Here is the screenshot because my website does load sometimes normally.
I am publishing some simple webpages (HTML, CSS, some JS) from my GitHub repository. When I display index.html in Chrome (55.0.2883.95, 64 bit) by clicking on the URL linked in this repository, the webpage is displayed, but as soon as I scroll down, the featured image disappears when it shouldn't.
The other working link is "Fees" at the top. Click on that, scroll up and down the page, and the featured image will similarly disappear.
I want to point out that I first published this repository/page in Nov. 2016 and the images all displayed fine. Recently I changed the domain name associated with the repo but normally wouldn't expect this to create issues. Also, when I simply zip and download the repo and open in Chrome locally, everything displays perfectly.
Lastly, this site works with CSS Grid so I have the appropriate flag enabled in Chrome. It's hard for me to understand why images suddenly don't display correctly using GitHub Pages!
EDIT Sorry if this question seems vague. Let me restate. Everything seems to initially load and display correctly in my browser. The issue seems to be triggered by merely scrolling down the page.
This code used to display correctly on GitHub Pages. I come back two months later and the same code doesn't work anymore. Image pathnames are all correct. It's evidently not a JS issue. Download the same code and it displays perfectly on localhost.
After reading this thread I realized that one of my extensions was causing the page to disappear on scrolling. Specifically, I disabled the Window Resizer extension and the problem was solved.
I have created a site that seem's to work fine in Chrome, IE and Safari however in Firefox v 35.0.1 (on PC and Mac), pages will load fine the first time, but if a Ctrl-F5 refresh is done, the browser will only load parts of the page. I can't get it to reload the page again correctly unless I navigate away from the page and then navigate back to it.
Go here on Firefox 35.0.1 and try reloading the front-page (or any other page for that matter) with Ctrl-F5 a few times...
http://www.cygnusmusic.net
If you don't manage to create a broken page by refreshing it, I'd be keen to know about that too.
On re-loading firefox misses out images and styles in an inconsistent manner, or just displays a 'connection was reset' message over and over again until eventually it decides to part-load the page again. While Firefox is displaying a 'Connection was reset' message, other browsers still have no problem loading and re-loading the same pages.
If this is ultimately resolved as a server issue outside of answers to this question, then I will post any info I have regarding the solution as an answer here.
UPDATE
Here is a link to a video of this occurring on every page of the site, plus a broadband speedtest showing 60Mb+ download speeds...
http://youtu.be/EncGAZs9KAY
Yes, my computer is thrashing during this video, but the loading results are the same on PC's and Macs which are running properly too.
My webpage gets stuck in loading in Chrome (the little spinning icon on the page tab, and the mouse cursor also stuck in loading version), but the odd thing is everything in the website displays fine. This doesn't happen in Firefox or IE.
Does anyone have any theory to what's causing it? Is it because some asset doesn't exist? For example:
<img src="pic.png">
But "pic.png" doesn't exist?
If that's the case how do I check the code to make sure all assets, including css/js/img/sound/video files all exist as linked from the document? My html file is huge, going line by line and checking would take forever.
I have an razor MVC page - It is loaded via MVC Portable Areas.
When i browse to the index action, everything loads fine, and works as expected.
...But occasionally Internet Explorer continually shows the loading bar in the status bar. The loading never completes, but the page functionality works fine (so it must have loaded all my resources)
I can't replicate this in firefox, and i have checked the Net tab on firebug to look for slow loading resources, but everything looks fine.
I want to try and cause the loading bar to stop after a set time (i know this could be masking a problem, but i can't seem to find out what is going wrong with the page!!)
Is there a way to do this?
IE does that sometimes. Like you said, there is no actual issues except for the loadfing bar being shown.
To confirm that everything is OK, put an alert("loaded") in your $(document).ready();. If it alerts you, the page was successfully loaded and it's just IE being a buggy little... bugger.
Edit: I missed a bit. Continued:
This is ofcourse only the case if you do not have ajax calls etc on the page that can start a loading sequence after the document has loaded. In that case, use the debugger to check for open connections.