Subscription box loads slowly

does removing the box solve the loading issue?

The box is contained in a widget. This issue just started when I added this widget to the web site.

Hi @browneyestfc,

try removing the box from the widget and see if the loading issue persists.

I replaced the Magic Action Box widget with a text widget and it worked fine. I’m not sure how else to test this.

This is the test.

To clarify, the loading issue went away after replacing the MAB widget with a text widget? As in when using a regular text widget the site no longer loads “slowly”?

I assumed when you say loads “slowly” that the page loading bar kept spinning.

If on the other hand, what you are experiencing is that you see the unstyled form for quite a bit, then that is because when using MAB as a widget, the style files for box is added at the end of the page – it doesn’t get read until the rest of the page has loaded which means the form will remain unstyled until the whole html page has been loaded.

Correct, the loading issue went away when I replaced the MAB widget with a text widget. Have you visited my web site to actually see the issue (www.thefoodcop.com)? The MAB widget first displays with all the text on the left side of the widget and with no styling – you have to wait for the styling to eventually appear. I believe your last paragraph correctly states what the issue is (the style files are added at the end) – is this something that can be changed?

Yes I visited the website that’s why I made the last paragraph ??

Unfortunately, there’s not much that can be done because when MAB (or any other display plugin) is used as a widget, stylesheets are loaded down at the bottom of the page instead of at the top where styles are usually loaded. This is because a page won’t know there’s a widget until it is rendered on the page and the accompanying stylesheet is added by then (and not before).

I did notice that the images on the website loaded a bit more slowly than what I’d expect. Checking out the images, they were pretty big by web standards. two of the banner images alone took up almost 2mb.

I ran a quick page load test on your home page. Here are the results: https://imgur.com/FPR5kVo 15 seconds to complete. That’s quite long.

You might be wondering what this has to do with MAB. Remember what I said about the form is up top and the stylesheet is down at the end? Well, between the two is the rest of the page, notably the images. The faster you can render the rest of the page, the faster the stylesheet down at the end can load.