Meritking teknoloji notları Daha hızlı ve ölçülebilir web akışları kur
Bir web uygulamasında hız düşüşü yaşandığında ilk karar, daha fazla kaynak eklemek değil, darboğazı ölçmektir. İstek sayısını sınırlayın, uygun dosyaları önbelleğe alın, kritik içeriği öne taşıyın ve hataları cihaz ile akış bazında izleyin.
Performans sorununu dört ölçümle görünür kıl Genel bilgi
Web performansında dört durumu karşılaştırın
Aşağıdaki örnekler canlı test sonucu değildir. Her satır, farklı bir belirti karşısında hangi bilginin kontrol edilebileceğini ve sonraki adımın nasıl seçileceğini gösterir.
| Durumumuz? | Açıklama ne? | Neyi kontrol etmeli? | Sonraki adım |
|---|---|---|---|
| İstek sayısı yüksek | Tekrarlanan kaynaklar var | Ağ günlüğü | Gereksiz çağrıları grupla |
| Önbellek yok | Dosyalar yeniden iniyor | Yanıt başlıkları | Politikayı dosya türüne göre düzenle |
| Kritik içerik geç | Büyük kaynak önce geliyor | Kaynak önceliği | Metin ve temel stilleri öne al |
| Hata görünümü dağınık | Ortam bilgisi eksik | Kod ve cihaz | Hataları akış ve cihaz bazında ayır |
Tablodaki satırlar genel örnektir; canlı ölçüm, kesin hata nedeni veya belirli bir ürün sağlayıcısının taahhüdü olarak yorumlanmamalıdır.
Web performansını dört kararla iyileştirin
Önce kaynağı belirleyin, sonra ilgili ölçümü bulun; koşulları karşılaştırın ve belirsiz kalan noktayı teknik kayda ekleyin.
Performans bilgisinin kaynağı nasıl izlenir?
Tarayıcı geliştirici araçlarında ağ isteklerini dosya türü, yanıt süresi ve durum koduyla gruplayın. En çok bekleten kaynağı not edin.
Yavaşlayan isteğin izini adım adım sür
Önbellek başlıklarını, dosya boyutlarını ve yükleme önceliklerini aynı akışta inceleyin. Değişiklik yapmadan önce mevcut durumu kaydedin.
İki koşulu karşılaştır
Aynı sayfayı farklı bağlantı hızları ve cihaz sınıflarıyla ölçerek sorunun genel mi yoksa belirli bir ortamla mı sınırlı olduğunu değerlendirin.
Belirsizliği kayda geçir
Tekrarlanamayan hatalarda tarih, tarayıcı, cihaz, istek adı ve görülen belirtiyi yazın. Parola veya erişim anahtarı gibi gizli bilgileri kaydetmeyin.
İstekten hataya uzanan performans kontrolü
Bu bölüm, dört ayrı soruya yanıt verir: kaç istek gerçekten gerekli, hangi içerik önbellekten sunulabilir, kullanıcı neyi önce görmeli ve hata ölçümü hangi düzeyde yapılmalı? Böylece tek bir hız göstergesine bağlı kalmadan uygulanabilir bir sıra kurabilirsiniz.
Kaç istek gerçekten gerekli?
Ağ günlüğünü açıp aynı kaynağa yapılan tekrarları, kullanılmayan dosyaları ve üçüncü taraf çağrılarını listeleyin. Önce işlevi bozmadan kaldırılabilecek istekleri belirleyin.
Önbellek kararını nasıl verirsiniz?
Sık değişmeyen dosyalar için önbellek politikasını, güncellenen içerikler içinse sürümleme yaklaşımını inceleyin. Amaç, eski içeriği göstermeden tekrar indirmeyi azaltmaktır.
İçerik hangi sırayla gelmeli?
Kullanıcının ilk ekranda ihtiyaç duyduğu metin ve temel stil dosyalarını önceleyin. Büyük görseller, ikincil betikler ve düşük öncelikli bileşenler sonraki aşamaya bırakılabilir.
Hataları hangi ölçekte izlemeli?
Hata oranını istek, cihaz, tarayıcı ve kullanıcı akışı başlıklarıyla ayırın. Aynı hata yalnızca tek bir ortamda görülüyorsa incelemeyi o koşula daraltın.
Web uygulaması performansını mobil, masaüstü, tablet ve yardımcı teknolojilerle inceler?
Ekran genişliği, bağlantı koşulu ve gezinme yöntemi değiştikçe ölçümün anlamı da değişir. Aynı sayfayı farklı ortamlarda değerlendirirken yükleme sırasını, okunabilirliği ve hata görünümünü ayrı not edin.
| Ortam türü | İncelenecek özellik | Kullanım ayrıntısı |
|---|---|---|
| Mobil tarayıcı | Ekran uyumu ve okunabilirlik | Dokunmatik hedefleri ve bağlantı koşulunu inceleyin. |
| Masaüstü tarayıcısı | Klavye erişimi ve pencere boyutu | Sekmeler, kısayollar ve geniş ekran yükünü değerlendirin. |
| Tablet tarayıcısı | Yatay ve dikey görünüm | Dokunmatik hedefleri ve metin boyutunu kontrol edin. |
| Yardımcı teknolojiler | Başlık ve bağlantı sırası | Anlaşılır gezinme ile görünür odak sırasını inceleyin. |
Web performansını ölçüp iyileştirme yollarını okuyun
İstek ve hata verilerini aynı akışta okuyarak hangi iyileştirmenin önce yapılacağını daha kolay belirleyin.
Teknoloji notlarını açÖlçümü kaynakla doğrula
İstek sayısını değerlendirirken tarayıcı ağ günlüğünü, uygulama kayıtlarını ve ilgili teknik açıklamayı birlikte okuyun. Önbellekten gelen dosyaları ağdan gelenlerle karıştırmayın; aynı sayfa farklı cihazlarda farklı sonuç verebilir.
Yükleme sırası ve hata ölçümü belirsizse ekran görüntüsü yerine istek adı, zaman aralığı, cihaz türü ve hata kodu gibi sınırlı teknik bilgiler hazırlayın.
- Ağ isteklerini incele
- Önbellek politikasını karşılaştır
- Hata akışını ayrı ölç
Web uygulaması performansı için karar soruları
İstek sayısını azaltırken ilk olarak hangi çağrıyı incelemeliyim?
Önce ağ günlüğünde tekrarlanan, kullanılmayan veya aynı veriyi yeniden isteyen çağrıları ayırın. İşlevi etkilemeden kaldırılabilecek kaynakları belirleyin ve değişiklik sonrası toplam yükü yeniden ölçün.
Her dosya için önbellek süresi aynı mı olmalı?
Hayır. Sık değişmeyen dosyalar daha uzun, kullanıcıya bağlı veya hızlı güncellenen içerikler daha kısa bir politika gerektirebilir. Sürümleme kullanarak eski dosyanın yanlış gösterilmesini önleyin.
Yükleme sırasını değiştirirken neyi korumalıyım?
İlk ekranda gerekli metin, temel stil ve ana etkileşim önce gelmelidir. İkincil görselleri veya betikleri sonraya alırken klavye erişimi, okunabilirlik ve temel işlevin bozulmadığını kontrol edin.
Hata oranını yalnızca toplam sayıyla ölçmek yeterli mi?
Yeterli değildir. Hataları istek, cihaz, tarayıcı, durum kodu ve kullanıcı akışıyla ayırın. Böylece genel görünen bir sorunun yalnızca belirli bir ortamda oluşup oluşmadığını anlayabilirsiniz.
Önbellek kullanımı hangi durumda yanlış sonuç verebilir?
Güncellenen içerik eski bir kopyadan geliyorsa kullanıcı yanlış bilgi görebilir. Dosya sürümünü, yanıt başlıklarını ve güncelleme akışını birlikte inceleyerek önbellek politikasını içeriğin değişim sıklığına uydurun.
Performans sorunu bildirilirken hangi bilgiler hazırlanmalı?
Sayfanın adı, gözlenen saat, cihaz türü, tarayıcı, bağlantı koşulu, ilgili istek adı ve hata kodu yeterli bir başlangıçtır. Parola, erişim anahtarı ve gereksiz kişisel verileri paylaşmayın.