Everything Worked 100% but now some blocks are not showing up

Hello @fh4545

I am sorry about the issue you are experiencing and I am happy to assist you with this.
I’ve checked your website on all of the mentioned browsers and funny enough, the only browser that everything worked fine was Chrome, and Firefox and ME had an issue.
However, after reloading the website the issue occurred in Chrome as well.
The first thing that pops out is the console errors, all related to rocket loader.
I can see that you have minify enabled in W3 Total Cache so please make sure that minify is not enabled in Cloudflare as it may cause a conflict.
You should choose between one or the other minify solutions. This also means that you should disable Rocket loader, and make sure to purge all cache and Cloudflare cache after you’ve done that.
I hope this helps!
Thanks!

Hello Marko,

Thank you for your fast reply.

We checked our Cloudflare, and minify was off at Cloudflare and we disable Rocket Loader. Cleaned the cache on both W3 Total Cache and Cloudflare.

It solved the problems right away, but our performance score is now nearly back to where it was when we started Monday last week.

GTmetrix Performance Scores now.

PageSpeed Score
(68%)

YSlow Score
(76%)

Page Details

Fully Loaded Time
19.4s

Total Page Size
6.38MB

Requests
123

GTmetrix Performance Scores Before when Rocketloader was on at Cloudflare

PageSpeed Score
(96%)

YSlow Score
(83%)

Page Details

Fully Loaded Time
3.0s

Total Page Size
2.89MB

Requests
58

Is the Rocket Loader really doing so much and what can we do to get the site back to the score we had before we took the Rocket Loader off?

Best regards,
Finn

Hello @fh4545

Thank you for the information.
Can you please just disable the Caching to logged-in users in Performance>Page Cache>General, save all settings and purge the cache, and make sure to visit the home page as logged out the user as your current home page has an admin dashboard cached.
have you tried disabling W3 Total Cache minify, save all settings and purge the cache and see if you have any issues with rocket loader after that?
Thanks!

Hello Marko,

Thank you for your reply.

The Caching to logged-in users in Performance>Page Cache>General was already ticked so I presume it is disabled.

We tried to disable the W3 Total Cache minify and purged the cache, hereafter is the website working fine but it is a very bad performance result.

Is there not something we can do to fix the site so we can keep minifying on? Because it is for sure the one which makes a big difference for us to be able to get a good performance result.

We will leave the office now and we have enable minify again and hope for the best. If nothing has change tomorrow I do hope you will be able to help us find a way to get it working. We are so close and starting to install other plugins and combine W3 Total Cache with them is not something we are very keen on because we have already tried it and we were not satisfied with the performance.

Best regards,
Finn

Hello @fh4545

Thank you for the information.
Rocket Loader prioritizes your website’s content (text, images, fonts, etc) by deferring the loading of all of your JavaScript until after rendering. Now the problem may occur in some cases depending on the order of the JS.
If possible. Please share the gtmetrix results (link) when W3 Total Cache minify is enabled with rocket loader and with rocket loader disabled.
I understand that the performance is much better with rocket loader enabled but this is just because some js is not actually loading so the testing results are not showing them.
What you can do in this case, to make it work with rocket loader, is to use manual minify and add the js files manually and in propper, order leaving the jQuery unminified since jquery needs to lad before other scripts.
The score was Good on Gtmerix with the rocket loader but the only reason is that none of the scripts were running i.e. your website was broken.
You can also try disabling the rocket loader and change the embed option in Performance>Minify>JS to async or defer.
I hope this helps and please let me know if you have any other questions.
Thanks!

Hello Marko,

Thank you very much for your support so far. I hope it is OK that we follow-up on this case.

We followed your advice and configured the minify manual. We made sure that all scripts URL’s which contained “min.js” and “min.js was excluded and that query parameters was removed.

We are using these settings in the Js- minify
Embed type:
Before </head> Minify Non-blocking using “defer”
After <body> Minify Non-blocking using “defer”
Before </body> Minify Non-blocking using “defer”

All JS files are Set up with Embed in <head>

For the CSS file management, we are using all templates except for the last six, which is set to index.

Is it OK to include this one in the JS files; wp-includes/js/jquery/jquery.js

We have not verified the URL’s, are we supposed to do that?

Before we started the manual minify configuration we tested at GTmetrix, and it was the best result ever, but there were errors at the website, not more, but the same as the day before; https://gtmetrix.com/reports/xoomibox.com/7iwKBnPs

Today we did a new test
Report generated:Thu, Sep 3, 2020 10:45 AM +0800
Test Server Region: Mumbai, India
Using: Chrome (Desktop) 75.0.3770.100, PageSpeed 1.15-gt1.3, YSlow 3.1.8
https://gtmetrix.com/reports/xoomibox.com/dtpLpxt0

As you can see, the result is not so good anymore, but the broken design and other errors we had before are now gone. We have one new strange error; the main menu is not showing up.

What can we do to get the menu back? (we are using the sticky menu plugin). And how can we improve the performance?

Best regards,
Finn

Hello @fh4545

Thank you for the information. No problem at all we are here to help!
It’s not necessary to verify the files but you can do that to make sure that the proper file was added.
As for the menu, this means that you’ve added the file that is responsible for the main menu to minify, so you should disable JS minify and CSS minify, see which option is causing this, then remove the files from minify one by one and see which file is causing this. This means that either you need to leave that file out of minifying or re-arrange the scripts.
As you can see in the test results, the Gtmetrix is complaining about the external resources. See “Leverage browser caching”, “Serve resources from a consistent URL” in the Page Speed tab.
As those are external resources W3 Total Cache cannot do anything about them as they are coming from the server other than yours. Adding the external scripts to manual minify may help here but you need to be careful and check the website after each script is added.
The external files are mostly youtube and this is what increases the Page size, so it might be a good idea to host the video on your server, that way you can remove some external files and compress the video for optimal performance.
I hope this helps!