Load reCAPTCHA on focus only

[fredericalpers]

Current state

When activated, reCAPTCHA significantly reduces the pagespeed.

Desired state

To achieve a better pagespeed when reCAPTCHA is not needed or in use the scripts should only be loaded when the user focuses on an input field.

[dai-eastgate]

Hi @fredericalpers, I would like to confirm some points:

1. "When reCAPTCHA is not needed" means: When the user has Google reCAPTCHA's "site key" and "secret key" installed but the "Requires Captcha" checkbox is not enabled in the Backend of the Forms => We don't load the reCAPTCHA javascript file right?

2. "When reCAPTCHA is in use the scripts should only be loaded when the user focuses on an input field." means:

• The word "focus on" that you mention is the Onfocus attribute of HTML DOM Events, right?
  

=> When the user clicks (focus) on any input of the form, we will start loading the javascript file of reCAPTCHA right?

[fredericalpers]

"When reCAPTCHA is not needed" means: When the user has Google reCAPTCHA's "site key" and "secret key" installed but the "Requires Captcha" checkbox is not enabled in the Backend of the Forms => We don't load the reCAPTCHA javascript file right?

Yes, that would be ideal for this case.

"When reCAPTCHA is in use the scripts should only be loaded when the user focuses on an input field." means:

=> When the user clicks (focus) on any input of the form, we will start loading the javascript file of reCAPTCHA right?

Yes, thats the idea. We will have to see if the google score will be affected and more normal visitors will be recognized as spam. But for now we want to imporve the performance with this.

[dai-eastgate]

Yes, I got it. I will try implementing it and test "if the Google score will be affected and more normal visitors will be recognized as spam" and let you know as soon as possible. Thanks!

[dai-eastgate]

Hi @fredericalpers, I have completed implementing and testing the cases we discussed above. Please watch the attached video and let me know your opinion.
https://files.fm/u/j4gvjefe3

Concerning the question about the potential impact of Google score and spam recognition, I also researched and had the following comments:

1. By loading reCAPTCHA only when the user interacts: Google's score will increase on plugin pages that don't need to load recaptcha (because it doesn't need time to load the recaptcha file). For example: The Estate List
   

And on pages that need to load recaptcha, Google score will not be affected or increase a bit because we are loading asynchronously (limiting the possibility of HTML being blocked while waiting to load the js reCAPTCHA file).

2. Normal visitors will be recognized as spam:
   The evaluation of a user as a spam bot or a real user when accessing the website is due to Google captcha's algorithm
   => The fact that we only load the js file when the focus does not interfere or have anything to do with the Google captcha algorithm => Normal visitors will not be considered spam

[fredericalpers]

@dai-eastgate Looks good to me. Can't wait to test and release this! thank you :)

EDIT:

 Normal visitors will not be considered spam

Thats good to know! thank you for your feedback :)