Feathery Related Performance/Page Load Issues? How to fix if possible?

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.

hey susan, as your guide recommends, it could be helpful to set up feathery to load after the rest of your page if you’re finding general page load issues.

we have fractional form delivery on our roadmap, and can let you know when it’s available. in the meantime, the smaller your form payload the better it’ll be.

the stripe library is provided by stripe, so you’d have to talk to stripe about that.

Thanks Peter. Yes, please let me know when that’s available (or approx when you think it might be). I’ll try to set it up to load after the rest of the page meanwhile.

Hi Peter, I tried the recommendation to load feathery after the rest of the page. I tried both defer and async (https://javascript.info/script-async-defer), both made the embedded form disappear forever, the form never loads. (that does improve page load time :smiley:) Is there something else I need to do to make this work? Here’s the embed code with async - I tried the same code with defer instead of asynch:

Checking in on this, any ideas? Thx.