[Resolved] Shortcode causes Cumulative Layout Shift

[Kornel]

Hi!

I’m using Generatepress with the Calculated Field Form (CFF) module. The forms generated with CFF can be inserted in the page with shortcodes. That problem is that the shortcode is processed very late which causes large Cumulative Layout Shift mainly on Desktop view.

you can check this on this page using Google Chrome Lighthouse: https://calcpark.com/bmi-calculator/

If you take a look at it, you may also see it with your eyes as the form loading late and shifting down the content below it.

Is it possible to change the processing order of shortcodes to load it faster, earlier not causing Cumulative Layout Shift?

Thanks,
Kornel

[David]

Hi there,

the issue is the form plugin is making a bunch of Javascript requests – all of which are written inside the body, the JS is render blocking, so nothing below it is loaded until those scripts are.

You can try using using a plugin like Flying Scripts to defer loading of those scripts. Ultimately its something that the plugin developer should correct.

[Kornel]

Hi David!

Great, thanks, I’ll try to cacth them.

All the best,
Kornel

[David]

You’re welcome.

[Author]

Posts