Performance request: Lazy-load reCAPTCHA v3 for Elementor Pro forms below the fold

[KrystianConluto]

Describe the Problem

We use Elementor Pro Forms with Google reCAPTCHA v3 on our WordPress/WooCommerce website.

Our contact form is included through Elementor template on almost every page.

On our main contact page (/kontakt/), the form is immediately relevant. On WooCommerce product pages and other pages, however, the same form is located far below the initial viewport (approximately 5,500 px on one tested product page).

The problem:

reCAPTCHA v3 and its Google JavaScript resources are loaded immediately on page load, even when visitors never scroll to the contact form.

On our mobile product pages, this adds unnecessary network transfers and JavaScript processing during the initial loading phase.

Propose a Solution

Expected behavior:

• Load reCAPTCHA normally on the contact page.
• On pages where the form is below the fold, load reCAPTCHA only when the form approaches the viewport, for example using IntersectionObserver.
• Preserve Elementor's existing form initialization, AJAX submission, reCAPTCHA verification, and anti-spam protection.
• Avoid loading reCAPTCHA multiple times when different integrations are present.

Our questions:

1. Is there an officially supported way to lazy-load reCAPTCHA v3 for Elementor Pro forms?
2. Are there any existing settings, hooks, or APIs for delaying CAPTCHA script loading and initializing forms afterward?
3. If this is not currently supported, could you consider adding it as a performance feature?

We can provide Lighthouse reports, a Chrome performance trace, and a HAR recording.

Thank you!

Additional Context

No response

Agreement

• I confirm I have read and followed all the guidelines and instructions outlined in the Feature Request form.
• I agree that my discussion may be closed without further action if it doesn't meet all the requirements outlined in the Feature Request form.