Web Siteleri İçin AI Kodlama Araçları ve KPI Analizi

Cursor, içinde AI özellikleri bulunan VS Code tabanı üzerine inşa edilmiş bir kod editörüdür: kod tabanı hakkında sohbet, satır içi düzenlemeler ve aynı anda birkaç dosyayı değiştiren bir ajan modu. Claude Code, terminalde ve IDE entegrasyonlarında çalışan, depoyu okuyan, dosyaları düzenleyen ve geliştiricinin onayıyla testleri veya derleme komutlarını çalıştıran Anthropic’in ajan tabanlı kodlama aracıdır. GitHub Copilot, Windsurf ve diğerleri aynı alanda yer alır.

Web sitesi çalışmaları için kullanım durumları örtüşür: tema bileşenleri oluşturma, CSS yazma, PHP veya JavaScript hatalarını düzeltme, içerik taşıma ve test yazma. Ölçüm için önemli olan farklar, aracın nerede çalıştığı ve ne kadarını gözetimsiz yaptığıdır, çünkü bu, neleri takip etmeniz gerektiğini değiştirir.

Satıcılar genellikle oluşturulan kod satırlarına veya kabul edilen önerilere atıfta bulunurlar. Bu sayılar aktiviteyi ölçer ve bir web sitesi projesinde daha fazla kod nadiren hedeftir. 40 satırın yeteceği yerde 400 satır yazan bir araç, bakım işi yaratmıştır.

Kendi bildirilen tasarruf edilen zaman da güvenilmezdir. Geliştiriciler hızlı kazanımları hatırlamaya ve kendinden emin ama yanlış bir değişikliği düzeltmek için harcanan saati unutmaya meyillidir. Kullanıcılara neyin ulaştığını ve oraya ulaşmanın maliyetini ölçün.

İş sonuçlarıyla eşleşen küçük bir set seçin. Bunlar çoğu ajans ve kurum içi web ekibi için işe yarar:

• Değişiklikler için teslimat süresi: bilet başlangıcından dağıtıma kadar, görev türüne göre.
• Verim: geliştirici başına haftada tamamlanan biletler, boyuta göre bölünmüş.
• Değişim başarısızlık oranı: bir hataya, geri almaya veya acil düzeltmeye neden olan dağıtımların payı.
• İnceleme çabası: çekme isteği başına yorumlar ve açılıştan onaya kadar geçen süre.
• Yeniden çalışma: 14 gün içinde yeniden açılan biletler.
• Gönderilen görev başına maliyet: geliştirici saatleri artı araç abonelikleri ve kullanım ücretleri.

Birincisi ve üçüncüsü, size uydurulmuş değil, tanınmış bir çerçeve veren DORA araştırma programının teslimat metriklerinden gelir.

Web sitesine özgü kalite sinyalleri

Site sağlığını yansıtan kontroller ekleyin, çünkü siteyi yavaşlatan daha hızlı bir ekip yardımcı olmamıştır. LCP’nin 2,5 saniyenin altında, INP’nin 200 milisaniyenin altında ve CLS’nin 0,1’in altında olduğu yaygın olarak belirtilen eşikleri kullanarak saha verilerinden Core Web Vitals’ı takip edin. Sürüm başına otomatik bir denetleyici tarafından bulunan erişilebilirlik sorunlarını ve her dağıtımdan sonra günlüğe kaydedilen PHP veya JavaScript hatalarını ekleyin.

Temel çizgi olmadan her sayı bir tahmindir. Araçlar tanıtılmadan önce dört ila sekiz haftalık geçmişi kullanın veya bazı görevlerin onlarla, bazılarının ise onlarsız yapıldığı paralel bir dönem çalıştırın.

Biletleri türüne göre etiketleyin, çünkü AI araçları eşit olmayan şekilde yardımcı olur. Genellikle şablonları, CSS ayarlamalarını ve test yazmayı hızlandırırlar ve belirsiz gereksinimler veya tasarım kararları konusunda daha az yardımcı olurlar. Tüm biletleri karıştırmak her iki etkiyi de gizler.

Tek bir sayfa yeterlidir. Onu Git, bilet sisteminiz ve izleme aracınızdan oluşturun:

• Çekme isteklerini etiketlerseniz, AI destekli ve olmayan olarak bölünmüş medyan teslimat süresi için haftalık bir çizgi.
• Ayda değişim başarısızlık oranı için bir çubuk.
• Çekme isteği başına inceleme çabası tablosu.
• Ana şablonlar için Core Web Vitals eğilimi.
• Aylık maliyet: koltuklar, kullanıma dayalı ücretler ve geliştirici saatleri.

AI destekli çekme isteklerini etiketlemek tek manuel adımdır. Bir etiket veya çekme isteği şablonundaki bir satır yeterlidir ve diğer tüm metrikleri karşılaştırılabilir kılar.

Hız yeni sorunları gizleyebilir. Bağımlılık sayısındaki büyümeye dikkat edin, çünkü ajanlar bazen küçük görevleri çözmek için paketler eklerler. Bir linter veya SonarQube gibi bir aracın işaretleyebileceği bileşenler arasındaki yinelenen koda dikkat edin. Commit’lerdeki gizli bilgilere dikkat edin, çünkü komutları çalıştıran bir araç bir API anahtarını bir yapılandırma dosyasına kopyalayabilir.

Güvenlik incelemesi de değerin bir parçasıdır. Hızlı gönderilen ve bir güvenlik açığı açan bir değişiklik negatif getiriye sahiptir, bu yüzden hıza ek olarak sürüm başına güvenlik bulgularını sayın.

Tipik bir etkileşimde, keşif aşaması temel verilerin mevcut olup olmadığını görmek için müşterinin deposunu, dağıtım hattını ve bilet geçmişini inceler. Biletler boyutlandırılmamışsa veya çekme istekleri kullanılmıyorsa, bu önce düzeltilir, çünkü araçlar başka türlü ölçülemez.

Kurulum, asistana kod tabanının kuralları hakkında bilgi veren, örneğin bileşen stillerinin nerede yaşadığı veya hangi işlevlerin atlanmaması gerektiği gibi bir proje talimat dosyası içerir. Geliştiriciler araçları normal dallarda ve çekme isteklerinde, her değişiklikte insan incelemesi ve birleştirmeden önce çalıştırılan testlerle kullanırlar.

Ölçüm, iki haftada bir gözden geçirilen yukarıdaki kontrol panelini kullanır. Örneğin, bir rapor, stil ve şablon görevlerinde teslimat süresinin düştüğünü, entegrasyon çalışmalarında ise sabit kaldığını, aynı dönem için değişim başarısızlık oranı ve Core Web Vitals ile birlikte gösterebilir. Bu, konuşmayı aracın demoda ne kadar etkileyici göründüğünden ziyade sonuçlar üzerinde tutar.

Bir öğrenme düşüşü bekleyin. İlk birkaç haftada geliştiriciler alışkanlıklarını değiştiriyor, daha iyi talimatlar yazıyor ve aracı ne zaman kullanmamaları gerektiğini öğreniyorlar. Teslimat süresi düşmeden önce kısa bir süre artabilir.

İki ila üç aylık etiketli veriden sonra yargıya varın ve benzerleri benzerlerle karşılaştırın: benzer bilet boyutları, benzer türler. Teslimat süresi düşerken değişim başarısızlık oranı artarsa, hızı kutlamadan önce yavaşlayın ve incelemeyi güçlendirin.