En büyük kazanç görsellerde
Betik yükü
Üçüncü taraf betikler sayfanın en pahalı parçasıdır. Her eklenti, sohbet kutusu ve izleme kodu ana iş parçacığını meşgul eder. Gerçekten kullanılmayan her betiği kaldırmak, optimizasyon çabasından daha çok kazandırır.
Kalan betikler ertelenerek yüklenmelidir. Sayfanın ilk boyanmasını engelleyen senkron betik, ölçümlerde en çok cezalandırılan yapıdır.
Sunucu ve önbellek
İlk baytın gelme süresi yüksekse istemci tarafındaki iyileştirmeler sınırlı kalır. Statik dosyalarda uzun süreli önbellek, sıkıştırma ve mümkünse içerik dağıtım ağı bu süreyi düşürür.
Ölçümü laboratuvar testiyle sınırlamayın. Gerçek kullanıcı verisi, farklı cihaz ve bağlantılardaki asıl deneyimi gösterir; ikisi çeliştiğinde saha verisi belirleyicidir.
Hız ölçümünü doğru okumak
Hız araçlarının verdiği tek bir puan, kararı yönlendirmek için yeterli değildir. Puanın arkasındaki üç ölçüt önemlidir: en büyük içerik ögesinin ne zaman göründüğü, sayfanın yüklenirken ne kadar kaydığı ve ilk etkileşime ne kadar geç yanıt verdiği.
Ayrıca laboratuvar ölçümü ile gerçek kullanıcı verisi farklıdır. Laboratuvar ölçümü sabit koşullarda yapılır; gerçek kullanıcı verisi ise mobil bağlantı, eski cihaz ve uzak konum gibi koşulları içerir. Karar, gerçek kullanıcı verisine göre verilir.
Hızı bozan en yaygın üç alışkanlık
Birincisi, ihtiyaç duyulmayan eklentilerin sitede kalmasıdır: her eklenti kendi betiğini ve stil dosyasını her sayfaya ekler. İkincisi, üçüncü taraf betiklerinin sayfanın başına konmasıdır; sohbet balonu ve izleme kodları içeriğin gösterilmesini geciktirir.
Üçüncüsü, görsellerin gerçek kullanım boyutundan büyük yüklenmesidir. Tarayıcı 400 piksel genişliğinde gösterdiği bir görseli 3000 piksel indiriyorsa, aradaki fark doğrudan bekleme süresine yazılır. Bu üç alışkanlık düzeltildiğinde çoğu sitede başka bir müdahaleye gerek kalmaz.
Hız kazanımını kalıcı kılmak
Hız iyileştirmesi tek seferlik bir iş değildir; site yaşadıkça yavaşlar. Yeni bir eklenti, yeni bir izleme kodu ya da sıkıştırılmadan yüklenen bir görsel, kazanılan süreyi birkaç ayda geri alır.
Bunu önlemenin yolu, yayın sürecine küçük bir kontrol eklemektir: yeni bir sayfa ya da bileşen yayına alınmadan önce ölçüm yapılır ve belirlenen eşiğin altında kalıp kalmadığına bakılır. Eşik aşıldığında sorun tek bir değişiklikte aranır; aylar sonra aramaktan çok daha kolaydır.
Hız ölçütleri ve hedef değerler
Tek bir puan yerine üç ölçüte bakılır; değerler mobil bağlantıda ve gerçek kullanıcı verisiyle ölçülmelidir.
| Ölçüt | Ne anlatır | İyi | Düzeltme gerekir |
|---|---|---|---|
| En büyük içeriğin görünmesi | Sayfanın ne zaman dolu göründüğü | 2,5 sn altı | 4 sn üstü |
| Etkileşime yanıt süresi | Tıklamaya ne kadar geç yanıt verdiği | 200 ms altı | 500 ms üstü |
| Düzen kayması | Yüklenirken içeriğin ne kadar oynadığı | 0,1 altı | 0,25 üstü |
Yavaşlık altyapıdan geliyorsa iyileştirme yerine yeniden kurulum gerekebilir; kapsam web tasarımı başlığında anlatılıyor.
Web sitesi hızı iyileştirme kontrol listesi
- Görseller modern biçimde ve doğru boyutta mı sunuluyor?
- Ekran dışındaki görsellerde geç yükleme açık mı?
- Kullanılmayan eklenti ve betikler kaldırıldı mı?
- Üçüncü taraf betikleri ertelenerek yükleniyor mu?
- Yazı tipleri kendi sunucunuzdan mı geliyor?
- Sunucu tarafı önbellek etkin mi?
- Yönlendirme zincirleri temizlendi mi?
- Yükleme sırasında sayfa kayması oluyor mu?