I added perfmatters to my business website and enabled the delay js function to improve performance. It dramatically improved our lighthouse score, which was below 40 for mobile.
The problem however is that in doing so it disabled some features and animations that are quite important. For example, the sliders don't work anymore and a few nice animations don't work either. The header wasn’t staying fixed either so I added the following to the list of exceptions which fixed it:
/elementor-pro/assets/lib/sticky/jquery.sticky.min.js
The other exceptions I have listed are as follows:
jquery.min.js
jquery.smartmenus.min.js
webpack.runtime.min.js
webpack-pro.runtime.min.js
frontend.min.js
frontend-modules.min.js
elements-handlers.min.js
elementorFrontendConfig
ElementorProFrontendConfig
imagesloaded.min.js
flying-pages.min.js
data-sm-options', '{ showTimeout: 0, hideTimeout: 0
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/elementor-pro/assets/lib/sticky/jquery.sticky.min.js
I realise this is maybe a long shot but if anyone could suggest a solution I would massively appreciate it. My original post on r/elementor shows a short video of the site which shows clearly which elements of the site are impacted.
Thanks