Docs

[Vikas R]

Site: http://www.gamertribute.com

Hello, I noticed my UberMenu hasn’t been staying in the “fixed” position on pages. It is located at the top of my pages and if I scroll down out of its view, the UberMenu bar would remain fixed at the top as you scroll down – on mobile devices included. It has worked well this way ever since UberMenu was integrated into X Theme.

However, over the last week or so, I noticed it’s not being fixed or in sticky position on most of my pages. One page it still works on is this one: http://www.gamertribute.com/world-of-warcraft-cinematic-quest-guide/icecrown/

It doesn’t work on this page: http://www.gamertribute.com/world-of-warcraft-cinematic-quest-guide/
Or this page: http://www.gamertribute.com/world-of-warcraft-cinematic-quest-guide/epilogue/

These are simply examples out of hundreds of pages. The UberMenu sticky is not fixed on most pages and I never made any changes to the customizer options for a very long time. Please help me find out the problem as this is a very important part of my site’s navigation.

Thank you.

[Nico]

Hi There,

Thanks for writing in.

In a page where the ubermenus sticky is not working, I could see that there is a plugin in widget that is conflicting with the ubermenu. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes.

Thanks.

[Vikas R]

I did what you said and looked at my plugins/widgets to see if that was causing my problem. I discovered that it was specifically the “Rocket Loader” feature from Cloudfare that is the culprit. I kept everything else the same but turned that feature OFF. This allows the UberMenu to load correctly and stay fixed when moving down the page. It also allows previous scripts to run (like the arrow in my sidebar from CSS code and the automatic pull to top arrow) which were affected by Rocket Loader.

Now the NEW problem is that the site returned to its horrible loading speeds. Rocket Loader made all the difference before but as soon as I turned it off, the average loading speed of any page on my site is doubled. The number of requests also tripled. I re-toggled Rocket Loader and checked all these things and it confirms it. It not just shows on website speed tests but the difference is obvious when checking manually.

It’s demoralizing for the one major speed fix for the site to become what breaks major scripts. Is there any way to keep Rocket Loader on but prevent it from interfering with certain scripts? The ones I know now:

1. UberMenu script (it also says sometimes “UberMenu not loading correctly”)

2. Arrow image created by CSS code in sidebar

3. Click to pull to top arrow image (created by Customizer) when you scroll down the page (usually after 50%)

4. World of Warcraft WoWHead tooltip graphic image icons

There may be more scripts that don’t work with Rocket Loader I don’t yet know about but these are the main ones. Please let me know what I can do to gain the speed advantage but stop it from interfering with these scripts? This is a potential site-saving or breaking situation.

Thanks in advance.

[Rad]

Hi there,

The problem with RocketLoader is the cache, imagine that your site is running on its latest version, but RocketLoader loads older version since it’s saved in its cache. The solution is to make sure your RocketLoader’s cache is properly purged and cleaned. But cleaning it doesn’t have an immediate effect as I experienced. Hence, you’ll have to be patient working with CF and RocketLoader. This issue is usually noticeable in every update or new installation since it will not reflect RocketLoader’s cache in real-time.

Could you try cleaning/purging them over and over? And make sure that there are no other cache plugins that are active. Else, it’s like passing caches to each other.

Thanks!

[Vikas R]

I was able to go to CloudFlare and turn on Automatic Cache Management from the WP dashboard. What happened is that the Favicon icon on the left-hand side of the page tabs at the top of the browser finishes loading very fast (changing from the rotating circle image). This is consistent with how it was when Rocket Loader was turned on – pages load fast but the server/browser also READS the page as having been loaded 100% quicker.

With Automatic Cache Management off and Rocket Loader off, the actual page loading time (in terms of what you see) is not much different but that Favicon icon remains as a rotating circle (loading) for several seconds – which means that the server/browser believes it is still loading. Here is an image so you know what I’m referring to: http://i.imgur.com/n67Btu8.png

Meanwhile, certain images and JS elements take some time longer to load rather than showing up almost instantly as when Rocket Loader is on or Automatic Cache Management is on.

Also, toggling on Automatic Cache Management from the Cloudflare WP Plugin kills the WP dashboard shortcut screen at the top of every page (which shows Stats, Edit, Customize, etc). Site Stats (from Jetpack) doesn’t work either and you have to go manually to Word Press to check your site stats. That is one of the biggest drawbacks.

Turning off Automatic Cache Management brought the dashboard stats and other elements back. However, the pages load slower. By load slower, I mean the site takes longer to fully load (as per “waiting for http://www.gamertribute.com…”) and website speed tools read it as extremely slow. Physically speaking, the pages load relatively quickly (you can see the text and images show up) and the server response speed is the same but all the elements just take forever to fully load.

The server (and I presume Google) reads this as an extremely slow site. To them, the pages are still loading (as denoted by http://i.imgur.com/n67Btu8.png ). This means my page rank will remain low because Google believes it is a slow site.

_____________
Rocket Loader ON: Google/tools reads my site being fast and it also loads elements fast
Automatic Cache Management (CloudFlare) ON: Google/tools reads my site being slow despite all elements loading fast. It also kills my WP Admin Dashboard which shows stats at the top.
_____________

The slow speed is reflected on website speed testing tools with a clear before and after speed when toggling on and off Rocket Loader.

If I keep Rocket Loader off but keep Automatic Cache Management on, the pages load fast BUT website loading speed tests still read it as being slow. The only way to fix the speed test results is Rocket Loader.

GOAL:

-Find a way to have Rocket Loader on (to keep its speed benefits and website speed test results) but prevent it from breaking certain scripts (like the top menu navbar, etc).

It would also help if turning on Automatic Cache Management on Cloudflare won’t kill the WP Dashboard at the top and if its faster loading times are actually reflected on website speed testing tools.

I apologize for the length of this post but I want to make sure I include as much information as possible.

[Christian]

Regretfully, website optimization is outside the scope of our support. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thank you for understanding.

[Author]

Posts