ASAP: Page not Loading

Hey dropletmarketing; the site works for me, but I don’t see Autoptimize referenced in the HTML source so either you disabled it or for some reason (page caching?) it has not trickled down to anonymous users yet?

Hi, thank you for your response. I have disabled it because I needed to work on the website.

OK, if you have a staging-website maybe enable it there so I can diagnose?

If not; first and foremost try to identify what is breaking things by just disabling CSS or JS or HTML or Image optimization (incl. lazyload) and based on the outcome of that we can decide what next steps should be.

hope this helps,
frank

I have enabled again so you can check out what is happening. Right after I activated the plugin, the website stays at the “Relax, site loading” page.

Update: I tried disabling each option and it turned out that everything works fine when “Optimise JavaScript Code” is disabled so that narrows it down a bit.

Morning dropletmarketing, afraid I was off to bed when you enabled it, but good to see you narrowed it down to JS for starters! Next up; when JS it optimized, what errors do you see on the browser console?

No worries at all. I’m not sure what you mean exactly but these are the messages I get:

(index):1 Refused to apply style from ‘https://www.droplet-trailer.com/wp-content/mu-plugins/gd-system-plugin/assets/css/admin-bar.min.css?ver=3.16.4’ because its MIME type (”) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
connect.facebook.net/en_US/fbevents.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
8A cookie associated with a cross-site resource at <URL> was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <URL> and <URL>.
autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:2 JQMIGRATE: Migrate is installed, version 1.4.1
googleads.g.doubleclick.net/pagead/id:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
ad_status.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1072 Uncaught TypeError: $(…).magnificPopup is not a function
at HTMLAnchorElement.<anonymous> (autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1072)
at Function.each (jquery.js?ver=1.12.4-wp:2)
at a.fn.init.each (jquery.js?ver=1.12.4-wp:2)
at Object.NUCLEUS.popup (autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1071)
at HTMLDocument.<anonymous> (autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1084)
at i (jquery.js?ver=1.12.4-wp:2)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2)
at Function.ready (jquery.js?ver=1.12.4-wp:2)
at HTMLDocument.J (jquery.js?ver=1.12.4-wp:2)
(index):1 Refused to apply style from ‘https://www.droplet-trailer.com/wp-content/mu-plugins/gd-system-plugin/assets/css/admin-bar.min.css?ver=3.16.4&#8217; because its MIME type (”) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1064 Uncaught TypeError: $(…).accordion is not a function
at Object.NUCLEUS.ui (autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1064)
at autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1085
at dispatch (jquery.js?ver=1.12.4-wp:3)
at r.handle (jquery.js?ver=1.12.4-wp:3)
NUCLEUS.ui @ autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1064
(anonymous) @ autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1085
dispatch @ jquery.js?ver=1.12.4-wp:3
r.handle @ jquery.js?ver=1.12.4-wp:3
autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:849 Setting up YT API events: _ytid_57364
autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:849 YT API init check
autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1061 Uncaught ReferenceError: Waypoint is not defined
at HTMLDivElement.<anonymous> (autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1061)
at Function.each (jquery.js?ver=1.12.4-wp:2)
at a.fn.init.each (jquery.js?ver=1.12.4-wp:2)
at Object.NUCLEUS.appearing (autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1058)
at autoptimize_8271b366ec2245e7aacdb12c18b2b028.js:1085

ok, can you try adding themes/maya-reloaded-2/ to the comma-separated JS optimization exclusion list and re-test (again watching the browser console)?

Sure thing, the page still doesn’t load. Based on the browser console:

Refused to apply style from ‘https://www.droplet-trailer.com/wp-content/mu-plugins/gd-system-plugin/assets/css/admin-bar.min.css?ver=3.16.4&#8217; because its MIME type (”) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
connect.facebook.net/en_US/fbevents.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
8A cookie associated with a cross-site resource at <URL> was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <URL> and <URL>.
autoptimize_3e1f8e25abe5438f454cc355e3f4d71a.js:2 JQMIGRATE: Migrate is installed, version 1.4.1
static.doubleclick.net/instream/ad_status.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
googleads.g.doubleclick.net/pagead/id:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:34 Uncaught TypeError: $(…).magnificPopup is not a function
at HTMLAnchorElement.<anonymous> (autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:34)
at Function.each (jquery.js?ver=1.12.4-wp:2)
at a.fn.init.each (jquery.js?ver=1.12.4-wp:2)
at Object.NUCLEUS.popup (autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:33)
at HTMLDocument.<anonymous> (autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:46)
at i (jquery.js?ver=1.12.4-wp:2)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2)
at Function.ready (jquery.js?ver=1.12.4-wp:2)
at HTMLDocument.J (jquery.js?ver=1.12.4-wp:2)
autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:26 Uncaught TypeError: $(…).accordion is not a function
at Object.NUCLEUS.ui (autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:26)
at autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:47
at dispatch (jquery.js?ver=1.12.4-wp:3)
at r.handle (jquery.js?ver=1.12.4-wp:3)
autoptimize_3e1f8e25abe5438f454cc355e3f4d71a.js:827 Setting up YT API events: _ytid_93639
autoptimize_3e1f8e25abe5438f454cc355e3f4d71a.js:827 YT API init check
autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:23 Uncaught ReferenceError: Waypoint is not defined
at HTMLDivElement.<anonymous> (autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:23)
at Function.each (jquery.js?ver=1.12.4-wp:2)
at a.fn.init.each (jquery.js?ver=1.12.4-wp:2)
at Object.NUCLEUS.appearing (autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:20)
at autoptimize_single_9784bf530ddee93f8affe578921e3599.js?ver=5.4.2:47
(index):1 Refused to apply style from ‘https://www.droplet-trailer.com/wp-content/mu-plugins/gd-system-plugin/assets/css/admin-bar.min.css?ver=3.16.4&#8217; because its MIME type (”) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

hmmm, somewhat stuck; normally I would find the JS-files has Waypoint or accordion in it, but Firefox debugger does not provide a URL for the file(s) so I’m kind of stuck.

so let’s take another approach, can you try adding each of the following (but one at a time, not simultaneously);
* wp-content/themes
* wp-content/plugins
* wp-includes

and test which one makes the page .. tick?