Magento 2 Admin Panel hangs forever until page refresh

Question

Ever since working with Magento 2, I repeatedly have this annoying issue:

1. I log in to the admin panel or switch to a different page within the admin panel
2. The page starts loading, sometimes shows up partially but then hangs forever (at least for several minutes), sometimes it shows up completely but the browser still indicates "loading" and the navigation does not work, but I don't see failed or running requests in the browser console.
3. If I press F5 while it's hanging, the page loads almost instantly (at least most of the time)

It doesn't seem to be related to any events, because I get this behavior even without having done any changes in the admin panel, nor in the code, just navigating. However, I observed a possible correlation with invalidated caches.

Any idea what could cause this issue? I don't believe that it's the typical problems with permissions or cookies because generally speaking the admin panel works.

Magento is running in developer mode on Linux.

Answer 1

UPDATE

It seems like updating Firefox to 46 fixes the issue!

Original investigations

As I'm also facing this annoying problem I decided to give it a try.

Configuration

• Ubuntu Server 12.4
• PHP 5.5.30
• MySQL 5.6.27
• Magento 2.0.4 fresh install without sample
• Developer mode with cache disabled

Replicating the issue

At first sight, this issue looked totally random to me. However after several tests, I managed to find out exactly how to replicate the issue.

Browser

First, I haven't been able to replicate the issue on Google Chrome, Internet Explorer 11 nor the old Windows Safari 5.2.17. I'm mainly using FireFox (45.0.2) and rarely use Google Chrome. Even after I've found exactly how to replicate the issue I haven't been able to replicate on Chrome.

Tabs

You need to have several tabs open on FireFox to be able to replicate the issue.

Steps

1. Open the admin panel and login
2. Once you're on the dashboard you can click on any menu item. I usually click on the dashboard icon again
3. As soon as you've clicked the menu item, click on one of your opened tab and keep browsing the internet while you're waiting for your admin panel to finish loading (based on the spinning icon next to the tab title)
4. Well unfortunately you'll never get that page loaded.

Investigation

So it seems like when the client is not focused on the tab of the Admin Panel, Magento 2 seems to not load all the resources for the website to load entirely.

What I have noticed, when I came back to the infinite loading admin panel page is that there was a lot of resources that were successfully loaded.

As Fabian said, no error in the console, no resources still loading and no resources that failed to load. Everything looked like the page had finished loading.

However, when I clicked the stop loading button of Firefox (the X in the URL bar), I noticed that several resources were added in the network tab that were not here when the page was in the infinite loading state

PLEASE NOTE: the screenshot below is only for the dashboard, I've noticed that more resources were loaded after I clicked the stop loading button on the configuration pages for instance.

So for the Dashboard page, those resources were added after I clicked the stop loading button.

When the page is loaded normally, by not switching to another tab, the following resources are loaded after the DOM load (I assume via AJAX), you can notice the thicker grey line between those and the resources above:

So for some reason, the following resources are automatically loaded when the page is in the infinite loading state but are loaded after DOM load when the page loads fine:

• /static/adminhtml/Magento/backend/en_US/Magento_Ui/templates/modal/modal-popup.html
• /static/adminhtml/Magento/backend/en_US/Magento_Ui/templates/modal/modal-slide.html
• /static/adminhtml/Magento/backend/en_US/Magento_Ui/templates/modal/modal-custom.html
• /static/adminhtml/Magento/backend/en_US/mage/apply/scripts.js

That's how far I got into my debugging task, I reckon there's still plenty we can do to test and narrow the issue but I didn't have time to make more tests, I'll come back to it when I'll have time.

Further Investigations

So I ended up installing HTTPFox plugin on my FireFox.

Here is what I got when I clicked the stop loading button after 1min of loading (you can see that jquery.storageapi.min.js has 59s in the time column). The highlighted rows are the resources that loaded after I stopped the loading:

I tried upgrading the jquery.storageapi library with the last version available on GitHub but it does not seem to fix the issue unfortunately.

As the favicon loading was next on the list, I commented the code adding the favicon to the head but it didn't fix the issue either.

I tried to debug the domReady.js file as its name sounds like it could be the fault but no chance.

Also here are the two access.log files:

• Page is loaded: http://pastebin.com/i1DKzSeA
• Page loads forever: http://pastebin.com/t9BWi0v6

Still can't figure out what's going on here.

Update

I recently made two changes to my installation:

• upgrade FireFox to 46.0
• upgrade from 2.0.4 to 2.0.5

Now I can't replicate the issue anymore.

Answer 2

somehow related when i update a product and change firefox to new tab to navigate and magento page lost focus, it stay in standby till come back to magento page and then finalize the update of that product, these is kind of annoing thing ... becouse i open 3-4 products and wanna work on other products till actuall one finish updating. know a solution for these issue ?

Answer 3

I'm currently experiencing this exact problem on M2.1.2 running php 7 on a hosted NGINX server (2 cores, 2GB of ram), and I use Chrome (54.0.2840.71 m (64-bit)).

I havn't done any testing to find the source of the problem, but since this was a new server setup, I was originally assuming it was my server. Now... not so sure.

Now, I should mention I'm currently running developer mode and I have NOT compiled my code yet. So it might just be that.