Performans çalışmaları genellikle bir puanı yükseltme çabasına indirgenir. Puan faydalı bir göstergedir ama hedef değildir; hedef gerçek kullanıcının deneyimidir.
Bu ayrım önemlidir, çünkü laboratuvar koşullarında yüksek puan alan bir site, gerçek cihazlarda ve gerçek bağlantılarda yavaş olabilir.
Laboratuvar ile saha verisi farklıdır
Laboratuvar testleri kontrollü koşullarda tek bir ölçüm yapar. Saha verisi ise gerçek kullanıcıların cihazlarından toplanır ve cihaz çeşitliliğini, bağlantı kalitesini ve coğrafyayı yansıtır.
İkisi arasında fark varsa güvenilecek olan saha verisidir. Laboratuvar testi, sorunu teşhis etmek için kullanılır; başarıyı ilan etmek için değil.
Üç ölçüt üç farklı sorunu anlatır
En büyük içeriğin görünme süresi, sayfanın ne kadar hızlı kullanılabilir hâle geldiğini gösterir. Genellikle görsel boyutları ve sunucu yanıt süresiyle ilgilidir.
Düzen kayması, içerik yüklendikçe ekranın oynamasını ölçer. Boyutu belirtilmemiş görseller ve sonradan yüklenen yazı tipleri en yaygın nedenlerdir.
Etkileşim yanıt süresi ise sayfanın tıklamalara ne kadar hızlı cevap verdiğini gösterir; genellikle ağır betiklerden kaynaklanır.
Görseller çoğu sitede en büyük yüktür
Optimize edilmemiş görseller, tipik bir sayfanın ağırlığının büyük kısmını oluşturur. Gösterildiği boyuttan çok daha büyük kaydedilmiş görseller en yaygın hatadır.
Modern formatlar, boyuta göre farklı sürüm sunumu ve ekran dışı görsellerin geç yüklenmesi bu yükü belirgin biçimde azaltır.
Görsellere genişlik ve yükseklik verilmesi ise düzen kaymasını önler; bu, tek satırlık bir düzeltmeyle çözülen yaygın bir sorundur.
Yazı tipi yükleme stratejisi görünmez bir etkendir
Yazı tipleri yüklenene kadar metnin görünmemesi, sayfanın boş kalmasına yol açar. Yüklendikten sonra ani değişim ise düzen kaymasına neden olur.
Yazı tipini kendi sunucunuzdan sunmak, yalnızca gereken karakter kümesini yüklemek ve yükleme davranışını doğru tanımlamak bu iki sorunu birlikte çözer.
Üçüncü taraf betikleri kontrol edilmelidir
Analiz, sohbet, harita ve reklam betikleri sayfanın kontrolü dışında çalışır ve toplamda belirgin bir gecikme üretir.
Her betiğin gerçekten gerekli olup olmadığı düzenli olarak sorgulanmalıdır. Gerekliyse, ana içeriği engellemeyecek biçimde yüklenmelidir.
Hız, dönüşümle doğrudan ilişkilidir
Yavaş açılan sayfa yalnızca arama görünürlüğünü değil, kullanıcının kalma olasılığını da etkiler. Reklamla trafik satın alan sitelerde bu, doğrudan bütçe kaybıdır.
Bu nedenle performans çalışması bir teknik bakım kalemi değil, dönüşüm optimizasyonunun parçası olarak ele alınmalıdır.
Performans bir kerelik iş değildir
Site yayına alındığında hızlıdır. Altı ay sonra eklenen bir sohbet widget'ı, bir analiz kodu ve birkaç yeni görselle yavaşlar. Performans bakım gerektiren bir özelliktir.
Bunu önleyen şey performans bütçesidir: sayfanın aşmaması gereken toplam ağırlık ve istek sayısı önceden yazılır. Yeni bir öğe eklenirken bu bütçe kontrol edilir.
Üçüncü taraf betiklerinin gerçek maliyeti
Her eklenen dış betik, kontrolünüz dışında bir kaynağa bağımlılık yaratır. O kaynak yavaşladığında sizin siteniz yavaşlar; kesintiye uğradığında sizin sayfanız etkilenir.
Bu nedenle her betiğin gerçekten gerekli olup olmadığı düzenli olarak sorgulanmalıdır. Kullanılmayan bir analiz aracının kodu yıllarca sayfada kalabilir.
Algılanan hız ile ölçülen hız
Kullanıcı toplam yükleme süresini değil, ilk anlamlı içeriğin ne zaman göründüğünü hisseder. Bu yüzden kritik içeriği önce göstermek, toplam ağırlığı azaltmak kadar etkilidir.
İskelet ekranlar ve aşamalı yükleme bu algıyı yönetir; ancak gerçek yavaşlığı gizlemek için kullanıldığında yalnızca hayal kırıklığını erteler.
Özet
Performans, puan yükseltme çabası değil deneyim iyileştirmesidir. Saha verisi esas alınmalı; görseller, yazı tipi stratejisi ve üçüncü taraf betikleri en yaygın darboğazlar olarak öncelikle ele alınmalıdır.
Bu yazıda anlatılan çalışma web performans optimizasyonu kapsamında yürütülür.