Poor performance when dragging

When dragging elements around and scrubbing through colors in Huebert, the cursor is lagging a little bit.

Tested in both Firefox and Opera.

Thanks @JvP,

Just tried it out and I’m not seeing any delay. It does wait until you stop moving before it updates the live color. We could adjust this to work a little more nicely in realtime. Were you observing this in the builders or Theme Options (or both)? I ask because they’re using two different versions of Huebert as we’re partway through converting the codebase to React.

I feel like Huebert in Theme Options is smoother. After trying it again today, I didn’t experience the poor performance while dragging elements in the content builder but it was no good in the header builder.

Thanks for confirming!

I’ve done some more testing on this and made a few minor adjustments. It’s not a huge difference but a step in the right direction. From here I think some underlying redux performance optimizations is the next step which is something I’d like to do to help rendering performance in general but it’s a bigger ticket item.

Alright, I’ll check it out in the next beta.

Beta5 is ready for download :slight_smile:

Hey @alexander the drag and drop performance is actually still quite terrible in beta5 to the point it’s super annoying. Pro 2.5.5 is completely fine.

Thanks for letting me know. Is there a site I could login and check it on? This would help since on my end it is stable and while there is an occasional delay in the little glass reaching the mouse, it still feels responsive and usable. Thanks!

I’ve added login details in a secure note. Feel free to test anything you want, it’s a test install :slight_smile:

Thanks! Is there a particular page where you’re seeing the drag and drop issue? Or does it seem like certain elements are problematic? I’ve tried a few browsers and I’m not experiencing it.

Very odd. The page shouldn’t matter and it happens regardless of the element. Yesterday I’ve tried it on a Mac in Safari and Firefox and it’s exactly the same, poor performance. Nobody else experiences this? What could this be then…

Ok… Probably you talkin’ about this?..

I got some poor clicking performance inside CS. Look at video carefully. There is a moments then mouse is clicked, but swithing columns not working. I got very powerfull PC. I think it colud be CS problem.

Look at BG colors in video. Click applied, columns not switching. To capture this video i had to move from loom to screencastify :slight_smile:

Hey @Georgich my problem is a little different.

I’ve made a screencast as well, check it out.

Have you ever played a videogame with a terrible framerate? That’s what it’s like when I start dragging elements around. The framerate drops resulting in a very laggy experience.

Hi @JvP,

I think I see what you’re getting at. Try adding this in the content builder CSS:

body.cs-hide-cursor * {
  cursor: auto!important;
}

Are you seeing the element icon trail behind the real mouse? Is this what you’re referring to? I’m seeing a little stuttering but it’s not drastic on my end - we did however make some changes there this update so that could explain what is going on here.

That makes a huge difference. Pretty much back to normal in Opera and in Firefox it’s much better now but still worse than pre beta.

Hi @JvP,

Hmm, are you saying the delay is gone now? The only thing that style should do is make the mouse cursor visible again. We hide it because we’re using the floating icon as a faux cursor. I wouldn’t expect that to change the rate at which things update.

Yes, in chromium based browsers it’s back to normal with that bit of CSS in place. In Firefox it is a little bit better but still not good. Very odd.

I swear I’m not making this up lol

No, I believe you - I’ve seen stranger occurrences lol. The CSS is probably a red herring. Something else is causing poor render performance and it’s likely intermittent. Is there a specific page on your site where it is slow in Firefox?