Rocket Loader making elements blue

rocketloader
#1

Dear,

I have enabled Rocket Loader and it seems to really have a great impact on boosting my website speed. But it also making issues because things become “blue” when they load.

Why does it do that? And how I could remove those impacts?
https://gevcen.tinytake.com/tt/MzQ5MjE1OF8xMDQ4MDk4Mg

Thanks

#2

Nothing blue in your video it seems.

#3

Check well at the beginning

#4

I am afraid I cant notice anything blue. Post a screenshot of it.

1 Like
#5

Your site uses the plugin Autoptimize, which is a great optimization plugin, but it does share some functions with Rocket Loader. RL was created to avoid combining CSS and JS files, which is one of the many functions of AO.

You may want to test your site with RL on, and the “combine JS and CSS” function of AO off, then try the other way around, and compare which works best.

Also, do you use the Cloudflare plugin? It’s a must in case you run AO, as it will purge the cache of Autoptimize whenever it purges the cache of HTML content, something the CF plugin will do automatically when you add or remove content to your site, as long as you set “Automatic Cache Management” to ON at the CF plugin panel.

Website running slowly
#6

@floripare

Which one of those settings do you refer to?

Thanks

#7

You should try turning off the Aggregate JS-files, and this should automatically disable the second option as well. This way you will be left with only the first option checked, which will handle minifcation, something AO does better (more aggressively) than Cloudflare.

Uncheck the same for CSS files, then make sure to flush both AO cache, whatever page cache your WP installation has, and Cloudflare cache.

Don’t forget to test the suggested setting against keeping everything as is and turning Rocket Loader off.

#8

@floripare
I did as you told me, but it seems that Rocket Loader is bringing too many issues on my site. I’m using 2 important plugins on the front-end for loading customization, so I think I shouldn’t count too much on this option right? What you think?

#9

It’s hard to say. Every website has a different setup, there are so many elements, it’s hard to take a decision without testing.

I’d test with and without for a day each, with hourly monitoring (GTMetrix, webpagetest.org etc), and compare.

In one of my websites, RL caused a small impact on a normal desktop profile, but a huge impact on a mobile profile under 3G.

You may also want to test different URLs, for instance, home page vs product page. In case it works for one but not for the other, you can always use a page rule to make it run only on specific paths.