Ecwid and CloudFlare Rocket Loader

Last updated

CloudFlare Rocket Loader is a solution to speed up websites by putting their assets into a content delivery network (CDN). It is a good way to instantly speed up almost any site.  Basically, it scraps the source code of your webpages, offloads the scripts, stylesheets and images into the CDN for optimized delivery, then alters the page's source code so it refers to the new locations of those assets.

This, however, interferes with how Ecwid widgets get loaded on your page. Basically, if you use a CloudFlare Rocket Loader, you will see Ecwid 'forever loading' and not working on that page. 

If you are using Ecwid plugin for Joomla or Wordpress, no additional measures are needed: we have added the functionality that overrides this issue.

So, if Ecwid is still “forever loading” with RocketFlare, please update the plugin to the latest version.

If you’ve instead used Ecwid integration code, the solution to such situation is to exclude Ecwid's main script from the resources processed by CloudFlare Rocket Loader. Ecwid itself is already being delivered via a CDN, so it does not need additional processing from CloudFlare.

To exclude the Ecwid's script from being processed by Rocket Loader you need to find all instances of Ecwid's main script in the source of your shop page/s on your site, it goes like this:

<script src="//app.ecwid.com/script.js?STORE_ID"></script>

(just search for app.ecwid.com in the sourcecode of your website) and into every such line add the following attribute:

data-cfasync="false"

so that the whole line starts looking like

<script data-cfasync="false" src="//app.ecwid.com/script.js?STORE_ID"></script>

This will prevent CloudFlare Rocket loader from attempts to optimize the Ecwid script and your will work as intended on a CloudFlare optimized webpage.


If you cannot find such code, please, contact us on forum to get the directions for the solution in your situation.

 

Was this article helpful?
0 out of 0 found this helpful
Questions?
Get help
  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7