reCAPTCHA v3 page speed optimisation

[Siu Pang Tommy Choi]

Hi everyone,

Recently I tried to lazy load reCAPTCHA v3 by dynamically inserting the script when the input field is focused.

The consequence is many valid inputs are considered as spam.

Correct me if I am wrong, with my approach reCAPTCHA receives less human interactions on the page and so it gives a false negative...

Lowering the threshold even down to 2.5 does not help.

And by including the reCAPTCHA v3 script early on page load makes my mobile score in PageSpeed Insight drops from 89 to 60...

Any idea to resolve this dilemma?

I appreciate your help.

Regards,

Tommy

[Cyquil]

I too am very interested in page speed optimisation with reCAPTCHA as it does load multiple large css, js and font files.

Regarding your issue -- you said you lowered the threshold to 2.5, however is the scale not 0.0-1.0? Isn't 0.5 the default? Perhaps try lowering it to 0.2 and see how that goes.

[Oh I Will]

When you're showing Google reCAPTCHA (“protected by reCAPTCHA” badge) in all pages, your website will slow down a bit (reflect by PageSpeed Score). ReCAPTCHA badge when displayed by our website will have to load additional 1 JavaScript library from Google to display this badge. To improve this, you can hide Google reCAPTCHA v3  (only show it when necessary) by following this article:

How To Remove Google reCAPTCHA Logo in WordPress (Hide reCAPTCHA badge)

Hope this helps!

[Siu Pang Tommy Choi]

Sorry, you are right, I tried to say 0.25 instead.

With the lazy load attempt I tried, sometimes real human inputs will score 0...

Not only the downloads of external resources, the time of JavaScript evaluation rises and I gets a warning of high "Time to Interactive" etc. in PageSpeed Insights.