MENU
カテゴリー

reCAPTCHAからhCaptchaへの移行でページ速度が劇的に改善!手順と効果を紹介

遅いのでreCAPCHAからhCAPTCHAへ変更

以前からこちらのブログのreCAPTCHAが遅いと感じていた。GIGAZINの記事でhCaptchaのことを知った。速度に関しては記載がなかったが、試してみようと思い移行しました。

目次

結果

Page Speed Insights スコアが70点台から90点台へ変わりました。

何をしたのか

reCAPTCHAからhCaptchaへ切り替え

具体的なやり方

STEP
サインアップ

https://www.hcaptcha.com こちらのサイトでサインアップ

STEP
メール認証

メールアドレス 国籍を入力して サインアップします。 そのうち「メールアドレスを確認してください」というメールが届くので「メールアドレスの確認」ボタンを押します。

STEP
サイトキーと秘密鍵を取得

サイトキーと秘密鍵(シークレットキー)が表示されます。 この状態で新しいタブを開きワードプレスにログインします。

STEP
プラグインを入れる

プラグイン→新規追加→hCaptchaと検索→hCaptcha for WordPressをインストール

STEP
設定

hCaptcha Site Key にSTEP3で入手したサイトキー hCaptcha Secret Key  に秘密鍵(シークレットキー)を入れる。

Enable/Disable Features にてスパムを防ぎたいものに関してチェックを入れる。

機能一覧Google翻訳
Turn off when logged inログイン時にオフにする
Disable reCAPTCHA Compatibility (use if including both hCaptcha and reCAPTCHA on the same page)reCAPTCHA互換性を無効にします(同じページにhCaptchaとreCAPTCHAの両方を含める場合に使用します)
Enable hCaptcha on Login FormログインフォームでhCaptchaを有効にする
Enable hCaptcha on Register Form登録フォームでhCaptchaを有効にする
Enable hCaptcha on Lost Password Form紛失したパスワードフォームでhCaptchaを有効にする
Enable hCaptcha on Comment FormコメントフォームでhCaptchaを有効にする
Enable hCaptcha on bbPress New Topic FormbbPressの新しいトピックフォームでhCaptchaを有効にする
Enable hCaptcha on bbPress Reply FormbbPress返信フォームでhCaptchaを有効にする
Enable hCaptcha on BuddyPress Create Group FormBuddyPress CreateGroupFormでhCaptchaを有効にする
Enable hCaptcha on BuddyPress Registration FormBuddyPress登録フォームでhCaptchaを有効にする
Enable hCaptcha on Contact Form 7Contact Form 7でhCaptchaを有効にする
Enable hCaptcha on Divi Contact FormDiviお問い合わせフォームでhCaptchaを有効にする
Enable hCaptcha on Divi Login FormDiviログインフォームでhCaptchaを有効にする
Enable hCaptcha on Elementor Pro FormElementorProフォームでhCaptchaを有効にする
Enable hCaptcha on Fluent FormFluentFormでhCaptchaを有効にする
Enable hCaptcha on Gravity FormGravityFormでhCaptchaを有効にする
Enable hCaptcha on Jetpack Contact FormJetpackお問い合わせフォームでhCaptchaを有効にする
Enable hCaptcha on Mailchimp for WP FormMailchimpforWPフォームでhCaptchaを有効にする
Enable hCaptcha on MemberPress Registration FormMemberPress登録フォームでhCaptchaを有効にする
Enable hCaptcha on Ninja Forms忍者フォームでhCaptchaを有効にする
Enable hCaptcha on Subscribers FormサブスクライバーフォームでhCaptchaを有効にする
Enable hCaptcha on WooCommerce Login FormWooCommerceログインフォームでhCaptchaを有効にする
Enable hCaptcha on WooCommerce Registration FormWooCommerce登録フォームでhCaptchaを有効にする
Enable hCaptcha on WooCommerce Lost Password FormWooCommerceのパスワード紛失フォームでhCaptchaを有効にする
Enable hCaptcha on WooCommerce Checkout Form WooCommerceチェックアウトフォームでhCaptchaを有効にする
Enable hCaptcha on WooCommerce Order Tracking FormWooCommerce注文追跡フォームでhCaptchaを有効にする
Enable hCaptcha on WooCommerce Wishlists Create List FormWooCommerceウィッシュリストでhCaptchaを有効にするリストフォームを作成する
Enable hCaptcha on WPForms Lite Enable hCaptcha on WPForms ProWPFormsLiteでhCaptchaを有効にするWPFormsProでhCaptchaを有効にする
Enable hCaptcha on WPForo New Topic FormWPForoの新しいトピックフォームでhCaptchaを有効にする

Save hCaptcha Settings

以上

PageSpeed Insights

効果が大きかった。 

感想

思いのほか改善されたので驚いた。 あとはどのくらいスパムが防げるかがわかりません。2023/3/28時点ではスパムなし。

追記

タイトルを変更しました2023/3/28

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次