Website still "loading" after page has fully loaded

Hi, I’m having a page loading issue on my website.

I’ve made some page speed optimisations and now the website is loading very quickly. Part of these optimisations are from the TagDiv documentation.

The problem is that for some reason, the website is still “loading” (e.g. a spinning wheel in Chrome or Firefox) after everything on the page has fully loaded. As a result of this, my mobile menus and sidebars are also have issues – for example, my mobile menu does not work until the website has fully “loaded” after 30+ seconds, even though all the visible page elements are loaded and functional after 1-2 seconds.

I’ve tried disabling all plugins as well as adjusting my current setup but I can’t figure out how to fix this issue.

Do you have any suggestions?

Thanks,

Chris

Hi Simion,

Yes, I’m aware that the website loads fast – this is not what I’m talking about. The issue is that something is that something is continuing to load in the background after all visible elements have fully loaded.

For example, if you load the website in Chrome, the tab (at the top of the screen) will show spinning wheel to indicate that something is still loading. While this is visible, mobile menus do not work, nor do sticky sidebars.

Does that make sense?

Thanks,

Chris

Use F12/inspector in Chrome to run audit of what is loading.

Often it’s something from an ad network, or Google having issues if loading ads, or Google fonts; or if trying to pull “likes” from Facebook, or loading dynamic elements for weather box, etc. — anything loaded from ELSEWHERE can slow down or cause “perpetual loading” since it’s not in fact, loading, but only running a fetch request.

Thanks Chris, your tips have given me some progress. I’ve found that my website is requesting the following file:

http://192.168.0.214/wp_011_blog_fitness/wp-content/uploads/2017/04/27.jpg

Inspector is showing me the following errors:

Failed to load resource: net::ERR_CONNECTION_TIMED_OUT 27.jpg
Failed to load resource: the server responded with a status of 404 () text.js
Failed to load resource: the server responded with a status of 404 () mode-less.js

I’m almost positive that the “27.jpg” is something that is being referenced as I used the “fitness” demo to set up the theme in the first place. I don’t think this demo exists any more (but I could be wrong).

This “27.jpg” is also messing up my site security:

Mixed Content: The page at 'https://nomadtoolkit.com/' was loaded over HTTPS, but requested an insecure image 'http://192.168.0.214/wp_011_blog_fitness/wp-content/uploads/2017/04/27.jpg'. This content should also be served over HTTPS.

Any ideas on how to fix this?

That fixed it. Thanks!