FlipBooks not appearing on Android phones

Hi,

We see that the flipbook is not working in desktop either.

We notice there is an error from rocket-loader.min.js. It blocks all page scripts and loads them in delayed manner. But if it self is throwing error, all scripts are never loaded. DearFlip is never loaded.

VM314:1 Uncaught (in promise) InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '="async"' is not a valid attribute name.
    at <anonymous>:1:1243
    at Array.forEach (<anonymous>)
    at litespeed_load_one (<anonymous>:1:1218)
    at <anonymous>:1:878
    at new Promise (<anonymous>)
    at litespeed_load_delayed_js (<anonymous>:1:863)
    at litespeed_load_delayed_js_force (<anonymous>:1:567)
    at c (rocket-loader.min.js:1:9405)

Try disabling the lazy load from Cloudflare and see.

Best Regards,
DearHive

Thanks for your reply
On the Cloudfare dashboard, I can’t find how to disable lazy load

I managed to disable rocket-loader by creating a rule.
The flipbooks still don’t display

HI,

You can disable rocket loader under Speed-> Optimization-> Content Optimization -> RocketLoader

You also have litespeed running, try disabling the combine js feature/lazyload. If the flipbook doesn’t appear when when cloudflare and lightspeed are disabled then it’s our issue.

See, we are not against there features/plugins, But please make sure that they are working in your site. Only enable them when you are sure they are working.

We too use Cloud Flare and lightspeed plugin in our sites, they are great when used correctly.

Give it a try by disabling rocket loader and litespeed. See if it works. else let us know. You did mention it was working before when any of these were not conflicting.

Best Regards,
DearHive

I managed to disable rocket-loader by creating a rule.
combine JS is disable

but flipbook doesn’t appear

I just disabled the Litespeed cache plugin.
In this case, the Flipbooks are visible and working again.
However, my site is considerably slowed down.

Hi,

Here is a tip to enable litespeed.
In your case, litespeed is not the issue; there is a plugin/theme that has faulty code. So when litespeed tries to merge all the javascript code into one file and the faulty scripts is also merged, whole output file is faulty.

You can one by one disable a plugin to check where it fails. In case of theme you can just use theme live preview in customizer.

Best Regards,
DearHive

Hello
To sum up, I disabled Rocket-loader by creating a rule in CloudFare
I disabled combine JS.
After testing the plugins, the one that causes DFlip to malfunction is MonsterInsight
So I disabled it.
I notified their support, but since I only use the Lite version, I’m not sure I’ll get a quick answer.

In your opinion, can I reactivate combine JS and Rocket-loader?

Sincerely yours.

Hi,

You can enable but verify if everything is working.

Combine js is a good feature, provided every code is proper. The bad thing about combine is, if one script throws error, all code won’t work. That is why there is note below combine js to verify if site works properly.

or you cam enable combine and add dflip to exclude js. So that all scripts excluding dflip is combined.

Best Regards,

DearHive

Thanks for these advices but what about Rocket-loader ?

Best Regards,

Jean-Marie

Hi,

Well it should work, initially we saw that rocketloader was handling the corrupted files. So it was throwing errors. It’s similar to combine js. Works with working code, breaks with broken code.

Nevertheless you should always check when you are merging any code and changing it’s execution. combine merges code and rocketloader changes time of execution.

Best Regards,
DearHive