<script src="https://www.google.com/recaptcha/api.js" async defer></script>Yukarıdaki kodu bulup siliyoruz. Onun yerine şu kodu ekliyoruz:
<style>.g-recaptcha{min-height:78px}.g-recaptcha:empty{width:304px;height:78px;overflow:hidden;position:relative}.g-recaptcha:empty::before{content:'';width:302.5px;height:76px;background:#f9f9f9;border:1px solid #d3d3d3;border-radius:3px;box-shadow:0 0 4px 1px rgb(0 0 0 / 8%);display:block}.g-recaptcha[data-theme=dark]:empty::before{background:#222;border:1px solid #525252}@-moz-keyframes spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.g-recaptcha:empty::after{content:'';position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:23px;width:30px;height:30px;animation:spin 2s infinite;background-size:30px;background-repeat:no-repeat;background-position:center;background-image:url(https://www.gstatic.com/recaptcha/api2/logo_48.png)}</style>
<script>setTimeout(function(){var e=document.createElement("script");e.src="https://www.google.com/recaptcha/api.js",document.head.append(e)},3e3);</script>Bu işlem sonrasında hem site hızlanmış olacak, hem de Recaptcha yüklenirken preloader gözükecek (bu sayede kullanıcı beklemesi gerektiğini anlayacak):
Site Hızı (Öncesi/Sonrası):
Şuan konuyu güncelledim.
