Tüm numuneler

Mimari Ar-Ge numunesi 01 — Referans: bu site

Sıfır güvenli briefing hattı, ölçülen bir performans bütçesine bağlı

Mimari Ar-Ge numunesi: stüdyonun bu depoda kurup ölçtüğü araştırma ve geliştirme çalışması. Müşteri işi değildir ve hiçbir müşteriyi anlatmaz. Bu sayfadaki her rakam ölçülmüş ya da hesaplanmıştır ve yöntemi belirtilmiştir.

Tasarım sorusu

Yöneticilerden başvuru alan herkese açık bir site, doğrulayamadığı her şeyi reddedip çerez koymadan ve analitik çalıştırmadan, hem masaüstünde hem yavaşlatılmış bir telefonda 100 Lighthouse performans puanıyla ölçülebilir mi? Numune bu sitedir: stüdyonun kendi kapısı, sattığı toleranslara göre kuruldu.

Kanıt katmanı A: bu depoda uygulanır ve testleriyle sınanır. Ölçümler tek bir makine sınıfındaki laboratuvar verisidir; sınırları "Ödünleşimler ve sınırlar" altında listelenmiştir.

I

Kısıt ve tolerans

Tek satır kod yazılmadan üç kısıt belirlendi ve her biri her sürümde denetlenir.

  1. Güven sınırı: tarayıcıdan gelen hiçbir şeye güvenilmez. Kaynak, gövde boyutu, şema, tuzak alan ve doldurma süresi, bir bot denetimi ve bir temizleyici sunucuda bu sırayla çalışır. Birinden geçemeyen istek reddedilir, asla onarılmaz.

  2. Veri azaltma: çerez yok, analitik yok, tarayıcıda hiçbir şey saklanmaz. Tek üçüncü taraf, formun son adımında ve yalnızca teslimin bağlı olduğu yerde yüklenen bir bot denetimidir.

  3. Kare ritmi: sayfa kayarken ekranın kendi ritmi korunur. Örneklenen kaydırmada kare aralığı 60 Hz bir ekranda medyan 16,7 ms, 99. yüzdelikte 16,9 ms, yani her yenilemede bir kare.

II

Mimari

Tek rota, tek hat ve çerçeveyi kritik yoldan uzak tutan bir çizim yolu.

  1. Teslim hattı: tarayıcı, kaynak denetimi ve hız sınırı, şema doğrulama, bot denetimi, temizleyici ve öncelik sınıfı; ardından imzalı bir webhook (HMAC-SHA256, idempotent) ya da TLS üzerinden SMTP ile stüdyo posta kutusuna teslim. Her adım reddedebilir; ret isteği bitirir ve ziyaretçiye bir e-posta taslağı önerir. Sistem arızada kapalı kalır.

  2. Çizim: her istekte nonce taşıyan, uygulanan bir Content-Security-Policy altında sunucuda çizilen sayfalar. Çerçeve, ilk içerikli boyamadan sonra tek bir yükleyici betiğin arkasında başlar; böylece ilk boyama onu beklemez. Ekran altındaki bölümler, ölçülmüş bir yer tutucu yüksekliğe karşı istendikçe çizilir.

  3. Şifreleme açıkta: sayfadaki bir güvenlik simülatörü, ziyaretçinin kendi tarayıcısında Web Crypto ile (HMAC-SHA256, AES-256-GCM) bir iletiyi imzalar ve mühürler; referans mimariyle aynı işlevleri ve aynı testleri kullanır.

III

Doğrulama

İddialar ekran görüntülerine değil, çalıştırılabilir denetimlere bağlanır.

  1. Her sürümden önce üretim derlemesine karşı iki yüzden fazla denetimlik bir tasarım denetimi ve yüz seksenden fazla denetimlik bir HTTP duman testi, ardından iki ekranda gerçek tarayıcı akışı çalışır; sürümden sonra bir canlı denetim koşar.

  2. Erişilebilirlik sayfalar, diller ve ekranlar boyunca axe ile taranır (ihlal yok). Content-Security-Policy canlı siteye karşı gerçek bir tarayıcıda denenir (ihlal yok, konsol hatası yok). Paylaşım kartı, site hangi dillerde yayınlanıyorsa onlarda çizilir ve karşılaştırılır.

  3. Yerleşim hareketi gerçekleştiği gibi sınanır: yer tutucu yükseklikleri çizilen yüksekliğin %15’i içinde, ve bir bütçe düzeyi seçmek hiçbir şeyi oynatmaz. Tarayıcının yerleşim kayması ölçümü tıklamadan sonraki 500 ms içindeki kaymaları saymaz; bu yüzden test konumları ve yükseklikleri karşılaştırır.

Teslim, gerçek bir bot denetimi belirteciyle, yerel döngüdeki bir SMTP alıcısına karşı uçtan uca doğrulanır. Belirli bir posta sağlayıcısının kabulü hakkında iddia yoktur.

IV

Ölçülen sonuç ve sınırlar

Neyin ölçüldüğü ve hangi profilde ölçüldüğü.

Ölçülen

Bunlar canlı sitenin yayınlanmış, tarihli ölçümleridir. Kare rakamları, tüm sayfanın kaydedilmiş tek bir kaydırmasındaki kareler arası aralıklardır.

Lighthouse performansı
100 · 100
masaüstü · mobil
En büyük içerikli boyama
425 ms
masaüstü
Yerleşim kayması (CLS)
0,00
masaüstü
Kare aralığı (medyan · 99. yüzdelik)
16,7 · 16,9
ms · 60 Hz ekran, her yenilemede bir kare

Lighthouse, desktop preset, live production (syncflow.agency), median of 5 runs, 17 Eki 2026. Kare örnekleyici: 1280×800, başsız Chrome, 60 Hz, 8 Eki 2026.

Ödünleşimler ve sınırlar

Bu tasarımın bedeli ve rakamların kanıtlamadıkları.

  1. Laboratuvar verisi, saha verisi değil

    Lighthouse koşuları tek bir makine sınıfındaki laboratuvar ölçümleridir. Mobil puan, yukarıdaki profilin söylediği gibi, sakin bir makinedeki koşuların medyanıdır; meşgul bir makinede aynı derleme daha düşük puan alır, çünkü hidrasyon toplam engelleme süresi penceresine girer. Yüklü bir koşu asla 100 diye yayınlanmaz.

  2. Kare ritmi, kare işi değil

    Kare rakamları 60 Hz’de kareler arası aralıklardır; 16,7 ms bir karedir. Kaydedilen kaydırmada hiçbir karenin düşmediğini gösterirler; her karenin kendi işinin ne kadar sürdüğünü söylemezler.

  3. Sıkılığın bedeli var

    Uygulanan bir politika ve arızada reddeden bir rota, eksik bir ayarın sessiz bir başarı yerine hata üretmesi demektir. Form bunu kullanılmadan önce söyler ve bir e-posta taslağı önerir.

Ölçüldüğü ortam

  • Lighthouse 13.5 · live production
  • 412×823 · slow 4G · 4× CPU
  • 1280×800 · 60 Hz · frame sampler
Stratejik Briefing