01
Over-fetch ve large payload
Gözlemlenen oturumlarda okunmayan alanlar ve ekranın ihtiyacından büyük response’lar; daha küçük bir payload için inceleyebileceğiniz kanıtlarla birlikte.
Frontend API analizi001 — API INTELLIGENCE
API’nizi görün.
İsrafı bulun.
Gelen verinin ne kadarı gerçekten kullanılıyor? Okunmayan alanları, tekrarlanan çağrıları ve yavaş endpoint’leri tek script ile görün. Kanıttan çözüm adımına ilerleyin.
Kredi kartı gerekmez. Ayda 50.000 response ücretsiz.01 / CAPTURE02 / UNDERSTAND
Veriden içgörüye
İmleçle keşfedin · Temsili görselleştirme
MEVCUT STACK’İNİZLE ÇALIŞIR
Next.jsReactVuefetchaxiosTanStack Query
Keşfetmeye devam01 / Eksik kalan görünürlükAPI’nizin gönderdiği.
API’nizin gönderdiği.
Uygulamanızın kullandığı.
Başarılı bir response hikâyenin yalnızca yarısı. Frontend’inizin hangi alanları okuduğunu ve neleri geride bıraktığını keşfedin.
RESPONSE ALANLARIJSON
Okunan alanları seçin; sağdaki analiz anında değişsin.
RESPONSE’UN DİĞER TARAFI
%63
alan okunmuyor.
Örnek frontend 8 alanın 3 tanesini okuyor.
Daha hafif bir response mümkün
Bu ekran için daha küçük bir response düşünün. Alanları kaldırmadan önce gerçek oturumlardaki kullanımı inceleyin.
02 / Özellikler
Küçük sinyaller. Büyük fırsatlar.
Her bulgu gerçek trafikteki isteklerle ve ilgili kodla birlikte gelir. Neyin, nerede ve hangi örneklerde yaşandığını inceleyin.
02
Slow endpoint ve hatalar
Projenizin süre eşiğini aşan endpoint’leri ve hata oranlarını yeterli örnek üzerinden inceleyin.
03
Duplicate, refetch ve retry storm
Duplicate çağrıları, sık refetch’leri ve başarısızlık sonrası oluşan retry storm’ları görün.
04
Eksik pagination
Sayfa yalnızca ilk yirmisini okurken indirilen bin elemanlı liste.
05
Hassas alanlar
Tarayıcıya giden şifre, token ve anahtarlar; sayfa okusa da okumasa da işaretlenir.
06
Call site ve release
Source map’lerle isteği atan component ve satıra gidin; bulgunun ilk göründüğü release’i takip edin.
Gerçek kodda ölçüldü
Apiheron ile ilk haftada ortaya çıkanlar.
Canlıda çalışan bir otel yönetim ürününden üç düzeltme. Geliştiriciler bulguları görev panolarına gönderdi, her birini kodda kontrol etti ve düzeltmeyi tarayıcıda ölçtü.
2,3 MB → 0
Rapor sayfası: kimsenin ihtiyaç duymadığı bir sorgu
Bir rapor sayfası, devre dışı duran iki filtreyi doldurmak için her açılışta 2,3 MB indiriyordu. Sorgu artık yalnızca filtre açıldığında çalışıyor: sayfa açılışında istek yok.
3 → 0 istek
Detay modalı: yaklaşık 1,1 sn daha erken açılıyor
Çoğu kişinin hiç açmadığı bir sekmenin üç isteği modal ile birlikte gidiyordu. Okunmayan alan listesi gerçek bir bug'ı da ortaya çıkardı: kod yanlış alan adlarını okuyup “undefined - undefined” gösteriyordu.
2 → 1 istek
Hesap seçici: ikinci 2 MB'lık çağrı kalktı
Hesap seçici her açıldığında aynı 2 MB'lık listeyi yeniden çekiyordu; her seferi 2.170 ms sürüyordu. Artık tek istek iki yere de yetiyor.
Ürünün kendi geliştiricileri tarafından development ortamında ölçüldü, Eylül 2026. İnceledikleri 17 bulgunun 9'u kod değişikliğine yol açtı; 6'sı için aksiyon gerekmediğine karar verildi ve bu incelemeleri detector'ları sıkılaştırmak için kullandık.
Her katman, bir sonrakini açıklar.
API HERON / VERİ AKIŞI01 / 03
Temsili ürün akışı · Katmanları seçerek keşfedin
01 / GERÇEK TRAFİK
İsteğin izini yakalayın.
SDK, uygulamanızın aldığı JSON response’ların yapısını, boyutunu ve süresini kaydeder. Hangi ekranın hangi endpoint’i çağırdığını görün.
↳Endpoint · süre · boyut · ekran
02 / GERÇEK KULLANIM
Geleni, kullanılanla eşleştirin.
Kodunuzun okuduğu alanları response yapısıyla birlikte inceleyin. Okunmayan alanlar ve tekrarlanan çağrılar, gözlemlenen oturumların kanıtlarıyla görünür hale gelir.
↳Alan kullanımı · oturumlar · bulgular
03 / SOMUT SONRAKİ ADIM
Doğru yerde iyileştirin.
Bulgudan ilgili call site’a ilerleyin. Frontend, Backend, SQL ve DevOps için çözüm adımlarını değerlendirin; değişikliği yayınladıktan sonra yeni trafikle tekrar kontrol edin.
↳Call site · çözüm adımları · release
KURULUM
Bir proje. Tek script. Hazırsınız.
Ücretsiz hesabınızı açın ve uygulamanızın adresini ekleyin. Kurulum ekranından proje anahtarınızın yerleştirildiği snippet’i alıp gerçek akışları kullanmaya başlayın.
Ücretsiz planı inceleyin ↗index.html
<script
src="https://app.apiheron.com/sdk.js"
data-key="YOUR_PROJECT_KEY"
></script>YOUR_PROJECT_KEY yerine projenizdeki anahtarı yazın.
SDK alan yollarını, kayıt sayısını, boyutu, süreyi ve kodunuzun okuduğu alanları kaydeder. Response değerlerini kaydetmez; query değerleri tarayıcıda hash’lenir.
Sorunu görmek başlangıç. Sıradaki adımınız belli olsun.
TEMSİLİ OVER-FETCH ÇÖZÜMÜ
Ekranın ihtiyacı kadarını isteyin.
Ürün kartı için özel bir response kullanın. Küçük endpoint’i backend ekibiyle birlikte tasarlayın; fetch sonrası filtreleme aktarılan byte miktarını azaltmaz.
Örnek uygulama
const products = await fetch(
"/api/products?view=card"
).then((response) => response.json());Fiyatlar
Kotalar takvim ayı başına yakalanan API response'larını sayar; kota dolunca kayıt yeni aya kadar durur, fazla ücret çıkmaz.
Free
$0/ ay
apiheron'u bir yan projede ya da tek bir uygulamada denemek için.
- Ayda 50.000 response
- 7 gün veri saklama
- Tüm bulgu türleri ve Çözümler sekmesi
- Release takibi, kendi key'inizle AI danışmanı, veri dışa aktarma
- 1 üye, 2 proje (bir uygulamanın dev ve prod ortamı)
14 günlük Team denemesi, kart gerekmez
TeamEkipler için
$29/ ay
Yıllık $290
Production ve staging uygulamalarını izleyen ekipler için.
- Ayda 1.000.000 response
- 30 gün veri saklama
- Tüm bulgu türleri ve Çözümler sekmesi
- Release takibi, kendi key'inizle AI danışmanı, veri dışa aktarma
- Developer API, MCP sunucusu ve CI check
- Source map: call site'lar orijinal dosya:satır olarak
- Sınırsız proje ve ekip üyesi
- Roller, davetler ve denetim kaydı
- Taahhüt yok: istediğin zaman iptal et ya da plan değiştir
14 günlük Team denemesi, kart gerekmez
Business
$99/ ay
Yıllık $990
Yoğun trafikli birden çok uygulamayı uzun geçmişle izleyen şirketler için.
- Ayda 5.000.000 response
- 90 gün veri saklama
- Tüm bulgu türleri ve Çözümler sekmesi
- Release takibi, kendi key'inizle AI danışmanı, veri dışa aktarma
- Developer API, MCP sunucusu ve CI check
- Source map: call site'lar orijinal dosya:satır olarak
- Sınırsız proje ve ekip üyesi
- Roller, davetler ve denetim kaydı
- Taahhüt yok: istediğin zaman iptal et ya da plan değiştir
- Öncelikli e-posta desteği
Enterprise
Özel
Yüksek hacim, özel sözleşme ya da kendi altyapısında kurulum isteyen kurumlar için.
- İhtiyacınıza göre response hacmi
- İhtiyacınıza göre saklama süresi
- Tüm bulgu türleri ve Çözümler sekmesi
- Release takibi, kendi key'inizle AI danışmanı, veri dışa aktarma
- Developer API, MCP sunucusu ve CI check
- Source map: call site'lar orijinal dosya:satır olarak
- Sınırsız proje ve ekip üyesi
- Roller, davetler ve denetim kaydı
- Yıllık sözleşme ve faturalı ödeme
- Kendi sunucularınızda kurulum seçeneği
- Öncelikli e-posta desteği
Yeni organizasyonlar Team denemesiyle başlar, deneme bitince Free plana geçer; ihtiyacınız arttığında Workspace üzerinden yükseltin. Ödeme, fatura ve vergiler Polar üzerinden yönetilir.
04 / Sorular
Her şey net olsun.
İlk kayıttan önce merak edebilecekleriniz.
apiheron response değerlerimi saklar mı?+
Hayır. SDK alan yollarını, eleman sayısını, boyutu, süreyi ve kodunuzun okuduğu alanları kaydeder. Response değerleri kaydedilmez; query değerleri tarayıcıda hash’lenir.
Kullandığım frontend ile çalışır mı?+
apiheron fetch ve XMLHttpRequest üzerinden JSON API trafiğini izler; axios, jQuery ve Angular ek bağlama gerektirmez. TanStack Query entegrasyonu da bulunur. Kurulum sırasında Next.js, Vite ve düz HTML için hazır SDK kodları sunulur.
Planımın limitine ulaşırsam ne olur?+
Kayıt bir sonraki takvim ayına kadar durur. Otomatik aşım ücreti alınmaz. Daha fazla kapasiteye ihtiyacınız varsa çalışma alanından planınızı yükseltebilirsiniz.
Kredi kartı olmadan deneyebilir miyim?+
Evet. Yeni organizasyon kart istemeden 14 günlük Team denemesiyle başlar; deneme bitince yükseltene kadar Free planda kalırsınız.