11. SınıfBilişim Teknolojileri
Web Performansı ve Optimizasyon — Çalışma Sayfası
Kazanımlar, önemli noktalar ve sık yapılan hatalar tek sayfada.
Bu konuda öğrenecekleriniz
- Ağ şelalesi ve kritik istek zinciri analizini yaparak gecikmenin kaynağını belirler.
- En Büyük İçerik Boyaması, Kümelenmiş Düzen Kayması ve Etkileşim Sonrası Gecikme ölçümlerini yorumlar.
- Önbellek başlıkları ve doğrulama mekanizmalarını kullanarak tekrar indirmeleri önler.
- Sıkıştırma, küçültme, kod parçalama ve gecikmeli yükleme tekniklerini uygular.
- Görsel, yazı tipi ve betik varlıklarını boyut ve öncelik açısından optimize eder.
Önemli noktalar
- Performans çalışması daima ölçümle başlar, tahminle değil.
- Ağ şelalesindeki en uzun çubuk, gecikmenin en büyük bölümünü gösterir.
- Doğrulayıcı bilgilerle yapılan koşullu istek, gövdeyi yeniden indirtmeden tazelik denetler.
- Parfme adıyla sürümlenen varlıklar uzun süreli önbellekten sunulabilir.
- Görsel ve yazı tipi dosyaları genellikle bir sayfanın toplam ağırlığının büyük bölümünü oluşturur.
- Gecikmeli yükleme, ilk ekrandaki görseller için kullanılmaz; ekrana gelene kadar bekletir.
Formüller ve kurallar
- Önbellek isabet oranı = önbellekten gelen kaynak sayısı / toplam kaynak sayısı
- Toplam indirme = ilk yükleme boyutu + sonraki yüklemelerde eklenen boyut
- Sıkıştırılmış boyut = özgün boyut × (1 - sıkıştırma oranı)
- Toplam ağ gecikmesi = istek sayısı × tek istek gecikmesi (sıralı yüklemede)
- Bütçe sapması = gerçek indirilen boyut - tanımlanan bütçe
- Ölçüm başarısı = geçerli test sayısı / toplam test sayısı
Sık yapılan hatalar
- Ölçmeden optimize etmek: Hangi kaynağın gecikmeye yol açtığı bilinmeden yapılan değişiklikler çoğu zaman işe yaramaz veya başka bir kaynağa zarar verir.
- Küçültmeyi sıkıştırmayla aynı saymak: Küçültme kaynak kodu temizler, sıkıştırma ise aktarım sırasında gövdeyi küçültür; ikisi farklı katmanlarda çalışır.
- Gecikmeli yüklemeyi her yere koymak: İlk ekranda görünen görseller geciktirildiğinde ilk boya gecikir, bu yüzden yalnızca ekran dışı içerik için kullanılmalıdır.
- Önbellek süresini tahmin etmek: Bir dosyanın adı değişmeden içeriği değiştirilirse kullanıcı eski sürümü görmeye devam eder; sürümleme ya da doğrulama gerekir.
- Toplam engelleme süresini görmezden gelmek: Boya hızlı gerçekleşse bile uzun süreli ana iş parçacığı blokları ileride tıklamaları geciktirir.
Hızlı tekrar ipuçları
- Önce hangi kaynağın sorumlu olduğunu bulun, sonra müdahale edin; tahmini değişiklikler yanıltır.
- Görsellere genişlik ve yükseklik değeri vererek düzen kaymasını baştan önleyin.
- Kritik olmayan betikleri ve stilleri erteleyerek ilk boya yolunu kısaltın.
- Her iyileştirmeden sonra ölçümü tekrarlayıp önceki değerle karşılaştırın.
- Bütçe belirleyin; bütçe olmayan bir sayfada iyileştirme sürdürülemez.
Kendini dene
Bu sayfayı okuduktan sonra konu anlatımını tekrar oku ve kendi cümlelerinle özetle.