I have been working through issues causing performance issues on my website, using Pagespeed Insights and GTMetrix. Some of the load time problems seem to be because I have a feathery form embedded in my homepage, but I have not been able to figure out how to fix them. The worst performance is on mobile, which is where the vast majority of the traffic is coming from.
Here is what I’m seeing feathery related in the performance report:
It looks this is taking almost 2 seconds - is there any way to improve this?: https://cdn.jsdelivr.net/npm/@feathery/react@latest/umd/index.js
Here https://cdn.jsdelivr.net/npm/@feathery/react@latest/umd/index.js is adding 2.8 seconds CPU time? (Is this in addition to the 2 seconds above?)
It looks like the Stripe integration via the feathery form is also causing 813ms of delay, is there anything I can do about this?
And here again:
Also, I think this is minor, but why is it loading not just the first page/step of the form, but everything through the confirmation page? The confirmation page has some animated gifs on it which I’ve compressed as much as I can, but can’t make them any smaller unless webm is supported. I can get rid of them I suppose, but is there a way to not have it try to load (if that’s the right word) all the steps/pages?
I suppose I can move the order form off the homepage, but that adds more clicks before purchase.