CPU Performance Very High During Image Transition

This is regarding the latest version of Anywhere Sliders for NopCommerce 2.30

We are seeing extremely high CPU utilization during the transition between images.  On older PC's we have seen the CPU spike to 100% for several seconds while drawing the transition effect -- unfortunately it is so invasive that it makes the site unusable on lower power PC's when this extension is active.  Even on newer quad-core PC's the CPU spikes as high as 35% during the transition effect -- not unuasable but too high to consider using on an e-commerce site. We have been able to reproduce this issue with only 1 banner and 2 images.

We love the functionality this extension provides, so we are looking forward to a fix.

Thank you!

Hi mnigels,

Thank you for reporting this issue.
You might already know that we are using Coin Slider JQuery plugin for the 2D slider in the Anywhere Sliders plugin. The Coin Slider is designed to give us the ability to have different effects. Unfortunately these effects come at the CPU cost. We are planing to add another slider type that will come without any effects at all. Please feel free to recommend any slider of your preference as there so many out there.
More information about the current Coin Slider:
http://workshop.rs/projects/coin-slider/

Thanks

Hi again,

for a temporary work-around you can remove the transition effects by editing the "Plugins\SevenSpikes.Nop.Plugins.AnywhereSliders\Views\AnywhereSliders\CarouselSlider.cshtml" file in a text editor and add the last two lines to the initialization javascript method:

<script type="text/javascript">  
      $(document).ready(function() {
          $('#[email protected]@Model.WidgetId').coinslider({
                width: @Model.Settings.Width.ToString(CultureInfo.InvariantCulture),
                height: @Model.Settings.Height.ToString(CultureInfo.InvariantCulture),
                navigation: @Model.Settings.Navigation.ToString().ToLower(),
                delay: @Model.Settings.AutoSlideInterval.ToString(CultureInfo.InvariantCulture),
                effect: 'straight',
                links: @Model.Settings.Links.ToString().ToLower(),
                hoverPause: @Model.Settings.HoverPause.ToString().ToLower(),
                spw: 1,
                sph: 1
                });
      });
            
    </script>


This should increase the performance by reducing the CPU usage by 30-40%.

Hope that helps!

Great, thanks for the tip.  

Reducing the number of squares in the transition did make a noticeable difference, and has the side benefit of altering the look of the transition to more of a traditional fade-out/fade-in effect, which is much closer to the look we were going for on our site.

You've done a nice job with these extensions, and we look forward to the continued updates.  

Thanks for your support.