• Resolved Bojan Deni?

    (@evilmc)


    Hello,

    Thanx for this awesome plugin! I use this plugin on several website and work good, without any errors!

    But, today I have problem on one website, when I activate LayerSlider plugin and I got white container where is layerslider.

    I check Disable JavaScript processing [ If selected, this plugin will ignore JS files completely ] and LayerSlider again works…but now ignore all JS…

    This is gtmetrix:

    61.5KiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.

    https://www.website.com/wp-content/themes/theme/config-layerslider/LayerSlider/static/layerslider/js/greensock.js (107.2KiB)
    https://www.website.com/wp-content/themes/theme/js/avia.js (88.5KiB)
    https://www.website.com/wp-includes/js/jquery/jquery.js (87.0KiB)
    https://www.website.com/wp-content/themes/theme/js/shortcodes.js (82.1KiB)
    https://www.website.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js (65.3KiB)
    https://www.website.com/wp-content/themes/theme/js/aviapopup/jquery.magnific-popup.min.js (17.6KiB)
    https://www.website.com/wp-includes/js/jquery/jquery-migrate.min.js (7.7KiB)
    https://www.website.com/ (1.4KiB of inline JavaScript)
    https://www.website.com/wp-includes/js/wp-embed.min.js (1.2KiB)
    https://www.website.com/wp-content/themes/theme/js/avia-compat.js (1.1KiB)
    https://www.website.com/wp-includes/js/comment-reply.min.js (918B)
    https://www.website.com/wp-includes/js/mediaelement/wp-mediaelement.min.js (659B)
    https://www.website.com/wp-content/themes/theme/config-layerslider/LayerSlider/static/layerslider/js/layerslider.kreaturamedia.jquery.js (346B)
    https://www.website.com/wp-content/themes/theme/config-layerslider/LayerSlider/static/layerslider/js/layerslider.transitions.js (345B)

    How to fix this problem?

    • This topic was modified 7 years, 2 months ago by Bojan Deni?.
    • This topic was modified 7 years, 2 months ago by Bojan Deni?.
    • This topic was modified 7 years, 2 months ago by Bojan Deni?.
Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Raul P.

    (@alignak)

    Very sorry, because I completely missed your question.

    Sliders usually require jQuery and not always use best practices.
    If there’s an option to merge or minify js on the slider, disable it.

    You can also disable minification on FVM and see if it works (minification may break things, but merging may work).

    Other than that, you have to play with the ignore list:
    https://www.ads-software.com/plugins/fast-velocity-minify/#faq

    Or you can hire a developer to rewrite or requeue the js files, in a way that they don’t break when merged.

    Note that LayerSlider usually works fine with FVM, but when you merge js files from different plugins and themes, they are bound to conflict in some combination of plugins. In that case, you have to dequeue all your js files and either manually merge and minify with a developer, or use the ignore list to exclude the files that cause trouble when merging.

    I am having the exact same problem. I tried disabling minification and just about everything else in the settings. Your plugin makes my site run like GREASED LIGHTNING and I would love to re-activate it.

    Is there a solution besides hiring a developer?

    Thanks!!!

    I ticked the “Disable JavaScript processing” box and now Layer Slider is working again. However it seems like I’m turning off a lot of the optimization of the plugin by doing this?

    Plugin Author Raul P.

    (@alignak)

    @goldengate my previous reply, still applies to your question.

    Now that you know it’s something javascript related, you can look at the logs on the status page. For each JS file, you can collect a list of files used.

    If you add all of them to the ignore list, and then one by one remove each one of them, you will find the file that conflicts.

    The alternative like you said, is to hire a developer to adjust the theme or plugins, so that they are enqueue in a different order. Some themes in combination with some plugins, break when JS are merged together, and you either need to ignore those or have programming skills to adjust the site.

    Hi, thanks for your speedy reply, I appreciate it. I really like this plugin having just switched from Autoptimize… my site is running much faster. I imagine this thread will be a resource for others as it comes up on Google Page One when you search for Layer Slider and FVM issues so I’ll post the js to exclude under the settings tab so Layer Slider works:

    /wp-content/themes/enfold/config-layerslider/LayerSlider/static/layerslider/js/greensock.js
    /wp-content/themes/enfold/config-layerslider/LayerSlider/static/layerslider/js/layerslider.kreaturamedia.jquery.js
    /wp-content/themes/enfold/config-layerslider/LayerSlider/static/layerslider/js/layerslider.transitions.js

    I’m new at this so if it appears I did anything wrong please let me know. Thanks!

    Plugin Author Raul P.

    (@alignak)

    @goldengate Ha! The Enfold theme is known to be a bit problematic, when it comes to merging JS files with other plugin files.

    I would suggest disabling JS minification on the plugin settings (purge the cache after), remove those from the ignore list and see if it works.
    Sometimes merging is fine, but merging and minifying is not. And it’s better to merge without minify, than to minify and have excluded files, as long as the server compresses the content.

    Thanks for reporting. I’ll do some testing with the enfold theme and layer slide on my end, and I may find a way around this in the future ??

    Edit: Sorry, it seems you already tried to disable the minification (but have you purged the cache when changing those settings?).

    Thread Starter Bojan Deni?

    (@evilmc)

    @alignak it’s be great if you have solution for compatibility with Enfold and LayerSlider, because it’s very popular theme and plugin.

    Thanx!

    Yes, I did purge the cache. The good news is that the plugin works perfectly on all the pages that don’t use Layer Slider WP, so I think the problem may be more with Layer Slider WP than Enfold, but that slider is bundled in with the theme.

    It’s working well now with those exclusions, but will look to future updates to see what magic you work. It’s a great plug-in, thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Problem JS with LayerSlider plugin’ is closed to new replies.