E-ticaret sitelerinde site performansı satışlarda ve sadık müşteri kitlesi yaratmakta kilit faktörlerden biridir. Son zamanlarda yapılmış bir araştırmaya göre, online müşteriler ancak 2 saniye civarında bir bekleme süresine tahammül edebiliyormuş, bunun fazlası satışlarınız için bir felaket olabilir. Ayrıca, kaybedilen müşteri bir daha düşük performanslı siteye uğramak dahi istemeyecektir.
Bing ve Google’ın ortaklaşa yaptıkları bir çalışmada ise, yavaş çalışan arama motorlarının müşterileri negatif yönde etkilediklerini tespit edilmiş. Sayfa yüklenme hızının sadece 450 milisaniye artması durumunda, online kullanıcıların daha az tıkladıkları ve daha az arama yaptıkları görülmüş.
Madem bu konu bu kadar önemli, o zaman sayfa yüklenme sürelerinin düşürülmesi lazım. Üstelik site estetiğini bozmadan, video ve grafiklerinizin sayısını azaltmadan da bunun yapılabilmesi mümkün. Bir developer olmasanız bile, sitenizin neden yavaş olduğunu görebilir, ve bunu karşı önlemler alabilirsiniz.
Web Sitesi Performans Ölçümü
Sayfanızı daha hızlı hale getirmeye çalışmadan önce ilk adım olarak sayfa performansınızı ölçmeyle başlayabilirsiniz, bunu yapabilmek için kullanabileceğiniz birkaç araç mevcut. Şimdi bunları görelim.
1) Bunlardan ilki WebPageTest. Bu ücretsiz servis size “Waterfall View”(şelale görünümü) ve “Connection View”(bağlantı görünümü) grafiklerinin yanısıra bir de detaylı rapor sunuyor. Bu kaynak size site performansınızın düşük olmasında etkili olan en önemli unsurları gösterecektir. Problemin nerede olduğu bilmek çözüme yönelik çalışmanızda size çok yardımcı olacaktır.
Örnek olarak sitemizi, www.eticaretdergisi.com sitesinin performansını inceleyeceğim. WebPageTest sayfasına sitemizin URL’ini girdikten sonra sitemiz test ediliyor ve bu işlem yaklaşık 10 sanie kadar sürüyor. Test işlemi bittikten sonra Waterfall View grafiğimizi aşağıdaki gibi veriyor : (daha yakından görebilmek için resmin üzerine tıklayınız)
Yukarıdaki grafikte görülüyor ki .jpg ve .png formatındaki resimlerimiz sitenin yüklenme hızını baya düşürüyormuş . Resimler üzerine ciddi bir çalışma yapmamız gerekiyor sanırım : ) . Ayrıca javascript dosyaları da resimlerden sonraki en önemli yavaşlatıcı faktör olarak görülüyor.
WebPageTest’in bize sunduğu iyileştirme önerilerini görmek için ise, yukarıdaki ekran görüntüsünde kırmızı çerçeveye aldığım, ve oklarla gösterdiğim Page Speed Score linkine tıklıyoruz ve aşağıdaki öneriler karşımıza geliyor.
2) Site performansınızı ölçebileceğiniz ikinci yol Firefox eklentilerini kullanmak. İki Firefox eklentisi ile hem site performanısınızı ölçebilir hem de bu konuda sunulan önerileri görebilirsiniz, üstelik Türkçe… Aslında, Firefox’un bi websitesi tasarlama, geliştirme ve güncelleme için en iyi web taracıyısı olduğunu söyleyebiliriz. Çünkü çok sayıda harika eklentileriyle bir web sitesi hakkında öğrenebileceğimiz herşeyi kolayca bizlere sunuyor. Eğer bir Firefox kullanıcısı değilseniz bile, sırf site performansını görüntülemek için bile onu indirmek isteyebilirsiniz.
İlk yüklemeniz gereken Firefox eklentisi Firebug. Firebug önde gelen ücretsiz site inceleme, hata bulma ve analiz aracıdır. Site performansı ölçümünden çok daha fazlasını yapar, kesinlikle indirmenizi ve denemenizi öneririm. Diğer ekleyeceğiniz Firefox eklentisini de bunun üzerine kuracaksınız.
Daha sonra Google Page Speed eklentisini indirmelisiniz ve kurmalısınız. Kurulumu tamamladıktan sonra Firebug’ı açtığınızda Page Speed panelinin de hazır olduğunu göreceksiniz. Page Speed paneline gelip “Analyze Performance” butonuna tıkladığınızda program size hem toplam yüklenme hızı skorunuzu hem de iyileştirme önerileri sunuyor. Örnek olarak yine www.eticaretdergisi.com üzerinden gidecek olursak aşağıdaki ekran görüntüsünde test sonuçlarını görebilirsiniz.
3) Üçüncü yol olarak da yine Google’ın bir aracını Google Page Speed Online‘ı verebiliriz. Bu araç da yukardaki Firefox eklentisi ile aynı işi yapıyor. Ancak bu aracı kullanmak için herhangi bir download yapmanıza gerek yok, aralarındaki bir diğer fark ise bu aracın test sonuçlarının ingilizce olarak verilmesi. Sadece anasayfadaki kutucuğa sitenizin ismini yazarak “ANALYZE” butonuna basmanız yeterli. Bu aracı daha önceki Google Page Speed Online ile Sitenizin Performanısını Ölçebilirsiniz adlı yazımda detaylıca anlatmıştım. Linke tıklayarak daha detaylı bilgi sahibi olabilirsiniz.
4) Dördüncü ve son performans ölçe methodu ise Yahoo’nun araçlarından biri olan YSlow. Internet Explorer dışındaki tüm tarayıcılar tarafından desteklenen bu YSlow’u, isterseniz firebug eklentisi olarak da kurabilirsiniz. Bu araç, Google Page Speed Online ile çok benzer gibi görünse de daha detaylı analiz yaptığı için size daha fazla yardımcı olabilir. Yine www.eticaretdergisi.com üzerinden bir örnek ekran görüntüsüne bakalım.
Performans Sonuçlarını Karşılaştırın
Evet, değerli okuyucular. Sizin de gördüğünüz gibi 4 test aracı da birbirinden farklı sonuç verdi. Dört farklı aracı kullanarak bulduğumuz www.eticaretdergisi.com‘un site yüklenme hızı skorları şöyle :
- WebPageTest – 83/100
- Firebug Page Speed – 74/100
- Google Page Speed Online – 70/100
- Yahoo YSlow – 66/100
Ayrıca her bir arac farklı öneriler sundu. Çünkü her birinin test algoritmaları farklı. Sonuçların farklı çıkması biraz kafa karıştırıcı gibi görünse de aslında bu bizim için bir avantaj sayılabilir. Çünkü bütün önerileri dikkate aldığımızda sitemizin yavaş açılması için hiçbir neden kalmayacaktır. Bu yüzden sitenizi dört araçta da ayrı ayrı test edip, önerileri uygulamaya başlamalısınız.
