Performance of Cornerstone Editor

Support
#1

Hey Themeco,

I have a more general question regarding Cornerstone editor so I don’t expect the one answer to solve this.
I have several sites where the Cornerstone Editor gets slow and is not as snappy as before and I’m not sure why. AFAIK Cornerstone is a React App and relatively loose from the WordPress editor like Gutenberg.

So what slows Cornerstone down? Maybe a huge list of components in the library? Lots of element conditions maybe? Or the depth or amount of nested components – I’m a big fan of the Atomic Design approach and my components are quite nested. Does hosting play a role in this case (I think not, since it is mainly a JS app running in the Browser)?

When I say it is not as snappy as before I mean the following examples:

  • I drag an element from the library to the stage and it takes seconds until it appears on the stage.
  • I switch “Ignore element conditions” on or off and it takes seconds until the stage redraws.
    This kind of slowliness.

I have also no idea where to start testing things to find possible culprits.

I hope you or someone from the community can lead me into a direction?

#2

Hey @raye,

To start troubleshooting, copy your site to a staging server. In the staging version, test out removing nested components as having lots of elements.

If Cornerstone is still slow, try removing components in your library. The trick to troubleshooting performance issues in general is to remove things one at a time to see if a step fixes the issue. That will give us an idea how to improve Cornerstone’s performance.