AdvancedCustomFields / AdvancedCustomFields/acf

Browser struggling & very slow which clicking between blocks

Open
#636 2 comments 0 reactions 1 assignee View on GitHub

@lgladdy is already working on this.

Since Apr 6, 2022.

Dominant language
PHP
Stars
945
Forks
197
PR merge metrics
No merged PRs in 30d

Description

We have a post that has just over 20 content blocks on - nothing complicated to them, just some general content layouts, images, a couple of repeater fields and that's all.

When we initially go into edit the post, it takes a few seconds to load them which is to be expected. The issue we are having however, is when clicking between the different blocks after the page has loaded.

Firstly, if all the blocks are toggled to 'Preview' mode then there is no issue and it pretty much instantly switches between blocks. However the more blocks we have toggled the 'Edit' mode, the more it seems to slow down dramatically when you then click between the blocks and can be 5-10+ seconds after you click the block before it becomes active/selected.

I can see that an AJAX request is made when clicking between blocks, however that long load time is takes place before the AJAX request shows in the network tab. For example: Click on a different block, browser gets stuck for multiple seconds (can't click anything else during this time), then the AJAX request fires (only takes around 1 second which seems normal), and then then the block is selected and you can carry on editing.

We've tried:

  • Different browsers in case any extensions interfering - issue persists
  • Disabling plugins to ensure there is no conflict - issue persists
  • Removed the markup from the blocks in case there was a performance issue there - issue persists
  • Deleted the corresponding ACF group for the blocks - issue goes away

The big one to note here is that if I click the Gutenberg 'Settings' cog to close the right sidebar, the issue goes away completely. That would suggest it's something related to the loading of the ACF fields with slightly larger posts?

Happy to provide you with a login to a staging site or a video which may help explain things better than I have here!

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.