Loads slow when I use CloudFlare – why is that?

  • Resolved Spiril

    (@spiril)


    10 years, 9 months ago

    Hi,

    Love your great plugin, thanks, but your slider is the last one to load when I use CloudFlare. That leaves a blank field until the slider loads, often several seconds after entering the page – then it works fine. I tried to add a background-image for the slider but that also loads slow.

    CloudFlare settings: Auto Minify (JS, CSS, HTML) and Rocket Loader (Automatic) is activated.

    I would like to load the slider as one of the first elements – not sure if I should use <script data-cfasync="false" src="/javascript.js"></script> to deactivate CloudFlare’s Rocket Loader? If so, do I need to make a <script>same code as above</script> for slideshow.js, jquery.cycle.all.js, jquery.metadata.v2.js and jquery.touchwipe.1.1.1.js.

    I use weaver theme and I think I should place that code in the HEAD custom field but I’m not sure at all.

    Any ideas about what I can do?

    http://wordpress.org/plugins/meteor-slides/

Viewing 7 replies - 1 through 7 (of 7 total)
  • damoncloudflare

    (@damoncloudflare)

    10 years, 9 months ago

    This is probably an issue with Rocket Loader. Does turning that feature off fix the issue? If yes, you should file a ticket with support so we can have an engineer take a look at it.

    Thread Starter Spiril

    (@spiril)

    10 years, 9 months ago

    I think that Rocket Loader is part of the problem but I do get some strange data. Webpagetest.org shows a clear difference between when it is on “automatic” vs “off” – it takes a long time before you see the slideshow when it is “on”.

    1) Would it be possible to insert <script data-cfasync="false" src="/javascript.js"></script> and then use manuel mode? If so, where do I put that line of code and do I need to insert a full path to the javascript file after “src”?

    2) My YSlow rating/score in Firefox+Firebug is A/92 when it is on and B/84 when it is off – not happy about that of course but maybe it isn’t important?

    3) I do get some strange load times, both with and without Rocket Loader – most of the times it is 4 to 6 sec. and then I get one that is 30 or 60 seconds. How can that be? Is it because of CloudFlare?

    Thanks for your help.

    Plugin Author Josh Leuze

    (@jleuze)

    10 years, 9 months ago

    Let me know if you need anything on my end to get it working with CloudFlare.

    Thread Starter Spiril

    (@spiril)

    10 years, 9 months ago

    Thanks very much. Your slider works fine now but perhaps you can tell me how to avoid loading Meteor Slides css and js files on pages that doesn’t have any slider? I have several other plugins that does the same and it slows down my site.

    Thanks again for a great plugin 🙂

    Plugin Author Josh Leuze

    (@jleuze)

    10 years, 9 months ago

    No problem, you can do that like this: http://wordpress.org/support/topic/meteor-slides-load-cssscripts-only-on-home-page?replies=2#post-2159715

    Thread Starter Spiril

    (@spiril)

    10 years, 9 months ago

    Thanks, that works fine – I just have to remember to insert it every time my theme is updated (or create a child theme… if only I knew how to do that…)

    Have a great day! 🙂

    Plugin Author Josh Leuze

    (@jleuze)

    10 years, 9 months ago

    Yeah, I’d strongly recommend either forking your theme (renaming it in the stylesheet so it doesn’t update anymore), or using a child theme to make your changes instead.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Loads slow when I use CloudFlare – why is that?’ is closed to new replies.