Claude AI ile Sayfa Hızının %59 Oranında Artışı
SEO Eğitimi sayfamızda yer alan form alanında, üçüncü taraf eklenti ile aynı sayfamız daha yavaş açılıyordu ve bu durum kullanıcı deneyimini olumsuz etkiliyordu. Yapay zeka aracı Claude ile üçüncü taraf eklentinin özelliklerini taşıyarak kendimize ait bir eklenti oluşturduk. Oluşturduğumuz eklenti ile kullanıcıların verilerini kendi veritabanımızda tutabildik, daha az kaynak kodu kullandık ve sayfanın daha hızlı açılmasını sağladık. Sonuç olarak kendi oluşturduğumuz eklenti, SEO Eğitimi sayfamızı üçüncü taraf eklentinin olduğu versiyona göre sayfa hızımızı %59 daha hızlı hale getirdi.
| Request | Transferred | Resources | Finish | DOMContent Loaded | Load | |
| Önceki | 47 | 1.4 MB | 2.2 MB | 4.59 s | 1.00 s | 1.13 s |
| Sonraki | 39 | 1.2 MB | 1.8 MB | 771 ms | 642 ms | 674 ms |
Şimdi size bu rakamların nasıl elde edildiğini anlatalım.
Form Alanı Toplama Eklentisinin Sayfa Hızına Etkisi
İnternet sitemizde bulunan SEO Eğitimi sayfasında kullanıcıların indirimli eğitimden faydalanması için doldurması gereken bir form alanına sahiptik.
Form alanında kullandığımız MailerLite eklentisi, indirimli eğitime sahip olmak isteyen müşterilerin e-posta adresi ve telefon numarası bilgilerini almamızı ve kullanıcıların davranışlarını ölçümlememizi sağlıyordu.
Daha önce WordPress içerisinde bu şekilde eklentinin kaynak kodunu kullanıyorduk:
Her ne kadar MailerLite eklentisi bizim ihtiyacımızı karşılasa da eklentinin ağırlığı sayfa hızımızı büyük oranda etkiliyordu. Sayfanın geneline oranla bu MailerLite eklentisinin bulunduğu form alanı sayfanın daha yavaş açılmasına neden oluyordu:
Yapay Zeka İle Yeni Eklenti Oluşturulması
Bu sorunu çözmek için Claude yapay zeka aracını kullandık. Claude aracına temel olarak MailerLite eklentisine benzer bir eklenti oluşturmasını, indirim miktarını değiştirmesini ve tekrar eden kayıtlar için bir çözüm sunmasını istedik.
Sonuç olarak Claude yapay zeka aracı bize:
- E-posta ve telefon numarası için ayrı ayrı kopya kontrolü yapan
- Veritabanı oluşturan ve bu veritabanında Unique Key ile tekrarları engelleyen
- İçerisinde e-posta ve telefon alanlarına sahip olan
- Verileri “course_discount_form” adlı bir SQL tablosunda tutan
- AJAX kullanarak form gönderimi işleyen
- Başvuruların listesini görebileceğimiz bir yönetici sayfasına sahip olan
bir eklenti oluşturdu ve biz de Claude’nin oluşturduğu eklentiyi WordPress içerisinde kurduk.
Yeni Eklentinin Sayfaya Etkileri
Yaptığımız değişikler bize çok sayıda önemli sonuçlar oluşturdu:
- İndirimli seo için form dolduran kullanıcıların listesine sahip olduk.
- Eklenti üzerinden tam hakimiyet sağladık. Kişiselleştirme ile istediğimiz özellikleri oluşturabildik.
- Tekrar eden kayıtların önüne geçtik. Aynı e-posta adresi ve telefon numarası ile iki kere kayıt yapılmasını engelledik.
- MailerLite eklentisinden daha az boyutta bir eklentiye sahip olduk. Daha düşük boyut ile sayfanın daha hızlı açılmasını ve cihaz belleğinin daha az kullanılmasını sağladık.
- Önceden MailerLite eklentisine sahip olan sayfaya göre %59 daha hızlı sayfa oluşturduk.