Layered navigation loading issue - Maybe JS loading order - javascript

Using Magento 1.9.2 and Layered Navigation but latley have been having some issues with the loading category pages. We are getting an irregular issue where the category page just doesnt load, just stays loading forever.
Link to website here
This issue is intermittent and sometimes take a few times to happen (just click various categories from the nav bar and it will start happening). Because of that I think it could be possible that it is the loading order of the js, but I cannot (not that experienced with debugging) work out what to do.
I have tried with inspect element in Chrome but cannot see to actually find the problem.
Could anyone give any idea about how I can debug this? I have checked exception.log and nothing linking it to this.

Related

Next.js page rendering glitch when refreshing pages

I'm having a weird problem that I originally just dismissed as a development glitch, but now I'm more concerned because It happens every time I refresh the page.
The issue is when I navigate to another page (localhost:3000/otherpage), sometimes it wont render that page at all. The page will turn completely white and have no HTML elements on the page (according to the dev tools inspector). However If I'm on that page and refresh this will always happen. Theses pages are dynamically rendered pages that have logic written that tells them to load a skeleton page while fetching the data, or render an error page if there's a problem with the request. I'm stumped as to why this is happening and have not been able to find anyone else that has experienced this problem yet.
My question is:
Why does this happen? and how can I work around this?
I have a screen recording to better explain whats going on.
(link to unlisted video):
https://youtu.be/mJPp3P4ElsI

Javascript - Page slow to show after not being the active tab

So I have developed a webpage containing some javascript and a couple of HighChart charts.
The page generally works great, every few seconds data is fetched from the server using an ajax request, and the chart is updated.
The issue happens when I have switched to a different tab for a few minutes and then want to go back. The page can take a very long time to show up. This happens on both Chrome and Firefox.
I couldn't really find out how the browser is handling javascript and page updates in non-active tabs, but it seems to be related at least.
Any ideas on how to improve the time it takes for the page to show?
To be perfectly clear, the page has no visible performance issues while it is the active tab.
So it turns out we froze highcharts just a couple of versions before this fix went in.
When we upgraded the version, everything worked great!
Many thanks to #WojciechChmiel for pointing me in the right direction.

Link to section on page without using #

I am a novice at the moment & learning a few things along the way but I am stuck with this small issue.
Here is the page in question http://www.theremotedoctor.co.uk/accvolvo.html
I am looking to click on my item selection as shown on the page and scroll to the page of which is the loaded upon a click.
Desktop works fine so this is for IOS device where picture loaded is off the screen,hence the scroll of the item.
I have supplied a before & after code to show what happened.
BEFORE CODE WITH WORKING PICTURE LOADED
<li>Remote uncut key</li>
AFTER CODE PICTURE LOADING NOT HAPPENING BUT SCROLL IS WORKING
<li>Remote uncut keyRemote uncut key</li>
I am now not sure how to rectify this.
If the above code of which I have applied is incorrect I am willing to use a different code that will allow the link to be clicked,pictured loaded & also the scroll to the picture working.
I understand its down to the # being used so already but now confused.
Many thanks for your time.

Web Navigation loads last

This problem refers to this site:
http://kittysitting.com.au/contact-us-for-cat-sitting-brisbane-northside/
The problem I'm experiencing is that the navigation menu visually shows last. Usually taking a few seconds after the rest of the page has loaded. The site is loading fine but this makes it appear slow.
My debugging so far:
Disabling Typekit fonts - makes no difference. Fonts load super quick but the whole menu still takes ages to visibly appear even when using 'sans-serif' font.
Disabling Wordpress Dynamic Menu - I tried inserting a purely static menu and it still won't appear for a few seconds after page load. Ruling out anything wrong with Wordpress/PHP.
My guess is it is a Javascript issue or CSS.
My Question for Stack Overflow is:
What is the best way to debug this issue. I'm familiar with Chrome developer tools, but I need to see what exactly is holding it up for the few seconds before the navigation appears.
UPDATE:
Found that a Javascript for responsive navigation is the cause. (If I disable the script it works fine). Have contacted js library owner on github to ask for further assistance as to why its doing it....

Javascript jquery locks up in Safari (only)

I've created a website which uses javascript to run a jquery gallery viewer. A problem surfaces when using the gallery in Safari only (but not with Chrome, Firefox, etc).
At first, the gallery runs smoothly. But if you click through enough pictures (on a single gallery page, or over several pages containing different galleries) eventually the gallery script stops working. At that point, all of the gallery functions stop, even if you visit a different gallery on a different page in the website. Neither refreshing the page, a hard refresh, clearing the cache, visiting a different gallery/page, or closing the tab and re-opening in a new tab, brings back the functionality. The only way to get it working again is to close the Safari window, open a new window, and go to the page again. (I wonder what the browsing session has to do with this?)
I have tried using the console, and tried using Firebug Lite, to diagnose the problem, without success. No errors appear in the console when the script stops working; the controls just stop working.
I can duplicate the problem reliably on different machines running Safari (most easily by repeatedly and quickly cycling through the pictures in a gallery over and over till it locks up). I cannot duplicate the problem using any other browser.
Any help in figuring out what's wrong, or even suggestions of how to troubleshoot the problem, would be greatly appreciated!
The galleries can be found here:
http://www.gailcohenphotography.com/galleries.html
Many thanks,
- Paul

Categories