CloudFlare RocketLoader Breaks Scripts

Hi;

RocketLoader patches many bugs on HTTP/1.1 which have been fixed in HTTP/2.

Many of the benefits of RocketLoader come from using HTTP/2. In order to use HTTP/2 on CloudFlare all you need to do is enable SSL connections, CloudFlare allows you to do this via Universal SSL and redirect all HTTP traffic to HTTPS.

Above this, Google boosts sites ranking if they use HTTPS. If you can’t use CloudFlare’s Full SSL mode, you can configure CloudFlare to use Flexible SSL with WordPress.

You can then disable RocketLoader and your site should work great.

@icyapril:

The reason I use Rocket Loader is because it *does* have an impact on load times. I use https://gtmetrix.com and I notice a multiple percentage increase (sometimes close to 10%) when I have Rocket Loader enabled.

I have HTTP/2 active: https://d.pr/i/17Njo

I have FULL SSL on: https://d.pr/i/1d1rs

I’m also on the CloudFlare network (I have the appropriate Orange Clouds on): https://d.pr/i/1d8ML

And my domain is SSL / HTTPS.

Still have trouble when I turn Rocket Loader on.

When I turn Rocket Loader on, The Google Tag Assistant (in Chrome) says that GTM isn’t active. When I turn Rocket Loader off, it becomes active again.

Additionally, when I use Rocket Loader on other sites (without the “DuracellTomi’s Google Tag Manager for WordPress” plugin), I’m able to deactivate Rocket Loader using this script modifier:

data-cfasync="false"

I can’t figure out how to add this with “DuracellTomi’s Google Tag Manager for WordPress” though.

Anyone know how? Maybe with a Function in functions.php?

Hi Everyone,

I added this attribute into the core, I hope it will help you with Rocker Loader.

Thomas

That’s great @duracelltomi

So is that live in the current version already?

Next version is (really) scheduled to be released next week.

@chris M.,

At duracelltomi-google-tag-manager > “public” folder > frontend.php

1. Line 400 script = <script data-cfasync=”false”>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({\’gtm.start\’:
2. Line 490 script = <script data-cfasync=”false” type=”text/javascript”>
3. Line 519 script = <script data-cfasync=”false” type=”text/javascript”>’;

Hope help

Hi Everyone,

The new version of the plugin adds data-cfasync=false to the codes, please let me know if you are satisfied with this solution or you have something to add.

Thanks,
Thomas

Awesome!!! So far it’s looking like it’s working with Rocket Loader now! Thanks for the update(s) (saw the 1.3.1 one today as well).

I’m going to mark this as Resolved.

Like I said, so far so good, from what I can tell.