Site Hızıyla Dönüşüm Artırma

Ziyaretçi sayfayı açtı ve bekliyor. Bir saniye, iki saniye, üç saniye. Çoğu kişi orada vazgeçer ve geri döner. Site hızı; sayfanın açılma ve kullanılabilir hâle gelme süresidir ve dönüşümü doğrudan etkiler. Hızı en çok belirleyen unsurlar; görsel boyutları, sunucu ve hosting kalitesi, gereksiz eklentiler, önbellekleme, yazı tipi yüklemeleri ve üçüncü taraf kodlarıdır. Ölçüm için sayfa açılma süresi, ilk içerik süresi ve mobil performans birlikte izlenmelidir. Beylikdüzü’nde bir işletme olarak; hız doğrudan gelir demektir. Bu yazıda, bunu ele alıyoruz.

Hız neden dönüşümü etkiler?

Sabır sınırlıdır

Bekleyen ziyaretçi; geri döner. Beş saniye bekleyen ziyaretçi; genellikle geri döner. Bekleme; kaybettirir. Bekleyen bir ziyaretçi; genellikle bir rakibin sayfasını açar. Sabır; kısadır. Hız; kalmayı sağlar.

İlk izlenim

Yavaş açılan site; baştan kötü izlenim bırakır. İlk birkaç saniye; kararın büyük kısmını belirler. İzlenim; hızla oluşur. Geç açılan bir sayfa; işin de aceleye getirildiğini düşündürür. Yavaşlık; özensizlik anlatır. Anında açılan bir site; arkasında düzgün bir iş olduğunu hissettirir. Hız; ciddiyeti gösterir.

Reklam bütçesini korur

Reklamla gelen ziyaretçi; yavaş sayfada kaybolur. Tıklama başına ödenen para; açılmayan sayfada tümüyle yanar. Bütçe; boşa gider. Aynı reklam; hızlı bir sayfada kat kat fazla sonuç verir. Zemin; verimi belirler. Tıklama başına ödenen bütçe; açılmayan sayfada tümüyle yanar. Hız; getiriyi büyütür.

Görseller

En büyük yük

Çoğu sitede; en büyük yük görsellerdir. Çoğu sitede toplam ağırlığın büyük kısmı; görsellerden gelir. Görsel; boyutu belirler. Tek bir büyük fotoğraf; tüm sayfayı bekletebilir. Ağırlık; süreyi uzatır. Beş megabaytlık bir kapak görseli; tek başına sayfayı bitirir. Optimizasyon; şarttır.

Doğru boyut

Gösterilecek boyuttan büyük görsel; boşuna yüklenir. Ekranda küçük görünen bir görsel; devasa yüklenmiş olabilir. Boyut; ölçülmelidir. Küçültme; hızlandırır. Ekranda 800 piksel görünen bir görsel; 4000 piksel yüklenmemelidir. Ölçü; kaliteyi bozmaz.

Modern formatlar

Yeni görsel formatları; boyutu ciddi biçimde düşürür. Aynı fotoğraf; yeni bir formatta yarı yarıya küçülebilir. Format; farkı yaratır. Sıkıştırma; kaliteyi korur. Modern bir görsel formatı; boyutu yarıya indirebilir. Teknik; kazandırır.

Sunucu ve altyapı

Hosting kalitesi

Ucuz paylaşımlı sunucular; yavaşlığın ana kaynağıdır. Yanıt süresi uzun bir sunucuda; diğer iyileştirmeler etkisiz kalır. Sunucu; temeli kurar. Yanıt süresi; her şeyi etkiler. İyi bir sunucu; hiçbir şey yapmadan yarım saniye kazandırır. Kalite; farkı yaratır.

Önbellekleme

Önbellek; tekrar eden yüklemeyi önler. Bir kez üretilen sayfa; sonraki ziyaretçilere hazır sunulur. Önbellek; hızı katlar. İkinci kez giren ziyaretçi; sayfayı neredeyse anında görür. Tekrar; ortadan kalkar. Bir önbellek eklentisini doğru ayarlamak; genellikle bir saat sürer. Kurulum; kolaydır.

İçerik dağıtım ağı

Dağıtım ağı; içeriği yakın sunucudan verir. Yurt dışındaki bir sunucudan gelen görsel; her seferinde okyanus aşar. Yakınlık; süreyi kısaltır. Tek sunucuya binen yük; birçok noktaya bölünür. Dağıtım; yükü paylaşır. İstanbul’dan giren bir ziyaretçi; en yakın sunucudan yanıt alır. Erişim; hızlanır.

Kod ve eklentiler

Gereksiz eklentiler

Kullanılmayan eklentiler; siteyi ağırlaştırır. Her eklenti; sayfaya kendi kodunu ekler. Eklenti; yük getirir. Beş kullanılmayan eklentiyi kaldırmak; ölçülebilir kazanç verir. Temizlik; hızlandırır. Az eklentili bir site; hem hızlı hem daha az sorun çıkarır. Azlık; sağlamlığı artırır.

Yazı tipleri

Çok sayıda yazı tipi; gecikme üretir. Yazı tipi; sınırlanmalıdır. İki aile; genellikle yeterlidir. İki yazı tipi ailesi; çoğu tasarım için fazlasıyla yeterlidir. Az sayıda kaynak yükleyen bir sayfa; her koşulda hızlıdır. Sadelik; hızlandırır.

Üçüncü taraf kodları

Dış kaynaklı kodlar; kontrolünüz dışındadır. Yavaşlayan bir dış servis; sizin sayfanızı da bekletir. Bağımlılık; risk üretir. Gereksiz; kaldırılmalıdır. Yıllar önce eklenmiş bir izleme kodu; hâlâ çalışıyor olabilir. Denetim; şarttır.

Ölçüm

Doğru metrikler

Tek bir sayı; yeterli değildir. İlk içerik; algıyı belirler. Görünen ama tıklanamayan bir buton; henüz hazır değildir. Kullanılabilirlik; asıl ölçüdür. Erken görünen ama tıklanamayan bir sayfa; hızlı sayılmaz. Bütün; birlikte bakılmalıdır.

Mobil önce

Mobil performans; öncelikli ölçülmelidir. Mobil; çoğunluğu kapsar. Sahada mobil veriyle giren müşteri; ofis hızını yaşamaz. Bağlantı; yavaş olabilir. Ofisteki hızlı bağlantı; sahadaki mobil deneyimi yansıtmaz. Ölçüm; gerçekçi olmalıdır.

Düzenli kontrol

Altı ay önce hızlı olan site; bugün yavaşlamış olabilir. Hız; zamanla bozulur. Ayda bir bakmak; bozulmayı büyümeden yakalar. Kontrol; düzenli olmalıdır. Yeni içerik; yük ekler. Takip; performansı korur.

Algılanan hız

Görünen ilk içerik

Ziyaretçi için önemli olan; sayfanın teknik olarak tamamlanması değil, bir şeyler görmeye başlamasıdır. Üst bölümün hızla görünmesi; arka planda süren yüklemeleri hissettirmez. Bu yüzden algılanan hız çoğu zaman gerçek süreden önemlidir. Üst bölümü hemen görünen bir sayfa; arka planda süren yüklemeyi hissettirmez. Görünüm; algıyı belirler.

Yükleniyor göstergesi

Bekleme sırasında görünen bir gösterge; sabrı uzatır. Dönen küçük bir simge; beklemeyi katlanılır kılar. Gösterge; belirsizliği kaldırır. Bir şeyin yüklendiğini görmek; beklemeyi kısa hissettirir. Bilgi; rahatlatır. Bembeyaz duran bir ekran; kaç saniye geçtiğini uzatır. Boşluk; kaygı üretir.

Kayan düzen sorunu

Yüklenirken yerinden oynayan öğeler; deneyimi bozar. Tam basacakken yer değiştiren bir buton; ziyaretçiyi sinirlendirir. Kayma; yanlış tıklama üretir. Sabitlik; güven verir. Yer ayrılmamış bir görsel; yüklenince tüm sayfayı aşağı iter. Ölçü; baştan tanımlanmalıdır.

Sık yapılan hatalar

Her eklentiyi kurmak

Aklına gelen her özelliği bir eklentiyle çözmek; siteyi zamanla ağırlaştırır. Kullanılmayan on eklenti; her sayfa yüklemesinde gereksiz kod çalıştırır. Sadelik; en sağlam performans stratejisidir. Kullanılmayan on eklenti; her yüklemede gereksiz kod çalıştırır. Azlık; hızı korur.

Devasa görsel yüklemek

Fotoğraf makinesinden çıkan görseli doğrudan yüklemek; yaygın bir hatadır. Boyut; küçültülmelidir. Fotoğraf makinesinden çıkan dosya; olduğu gibi yüklenmemelidir. Yükleme; kontrol edilmelidir. Yüklemeden önce görseli küçültmek; birkaç saniyelik bir alışkanlıktır. Düzen; alışkanlık olmalıdır.

Bir kez ölçüp bırakmak

Bugün hızlı olan site; altı ay sonra yavaş olabilir. Her yeni sayfa; siteye biraz daha yük ekler. Süreklilik; gerekir. Ölçüm; tekrarlanmalıdır. Bugün hızlı olan site; altı ay sonra yavaşlamış olabilir. Bakım; performansı korur.

Hız ve arama sıralaması

Arama motorları hızı dikkate alır

Sayfa deneyimi; arama sıralamasında değerlendirilen unsurlardan biridir. Bu tek başına belirleyici değildir; ancak benzer güçteki iki sayfa arasında fark yaratabilir. Hız; ek bir avantajdır.

Dolaylı etki daha büyük

Hızlı sayfada kalan ziyaretçi; daha çok gezinir. Hemen geri dönen ziyaretçi; olumsuz bir işaret bırakır. Kalma; sinyal üretir. Gezinme; ilgiyi gösterir. Sayfada kalan ve gezinen ziyaretçi; olumlu bir sinyal üretir. Davranış; sıralamayı besler.

Mobil öncelik

Değerlendirme; mobil sürüm üzerinden yapılır. Arama motorları; siteyi önce mobil gözüyle değerlendirir. Mobil; esas alınır. Sadece masaüstünde iyi sonuç veren bir site; sınavı yarım geçmiştir. Masaüstü; yeterli değildir. Sadece masaüstünde iyi sonuç veren bir site; asıl sınavı geçmemiştir. Öncelik; doğru kurulmalıdır.

Neden yerel bir Beylikdüzü ajansı?

Sorunu bulmak

Beylikdüzü’nde deneyimli bir ajans; yavaşlığın kaynağını bulur. Basit bir hız testi; en ağır dosyayı hemen listeler. Analiz; sorunu gösterir. Deneyim; isabeti artırır. Doğru araçla yapılan bir ölçüm; sorunu dakikalar içinde gösterir. Bilgi; zamanı korur.

Teknik müdahale

İyi bir ajans; düzeltmeyi uygular. Raporda kalan bir öneri; hiçbir saniye kazandırmaz. Uygulama; sonucu üretir. Görsellerin sıkıştırılması bile; açılma süresini gözle görülür kısaltır. Teknik; hızı getirir. Kurulum; kalıcı olur.

Dönüşüme bağlamak

Yerel bir dijital ortak; hızı dönüşüm iyileştirmesine bağlar. Dijital kurulum ile; performans kalıcı olur. Yakındaki bir ortak; en erişilebilir ortaktır.

Sonuç: hız gelirdir

Site hızı; sayfanın açılma ve kullanılabilir hâle gelme süresidir ve dönüşümü doğrudan etkiler. Hızı en çok belirleyen unsurlar; optimize edilmemiş görseller, zayıf hosting, kullanılmayan eklentiler, önbelleğin bulunmaması, gereğinden fazla yazı tipi ve kontrol dışı üçüncü taraf kodlarıdır. Ölçüm yaparken tek bir sayıya bakmak yerine; sayfa açılma süresi, ilk içeriğin görünme anı ve mobil performans birlikte izlenmelidir. Hız zamanla bozulduğu için düzenli kontrol de gerekir. Reklamla gelen ziyaretçinin yavaş bir sayfada kaybolması ise bütçenin doğrudan boşa gitmesi demektir. Kısacası hız; en ucuz dönüşüm iyileştirmesidir.

Hız optimizasyonunu ve dönüşüm artırmayı ayrı yazılarda ele aldık. Adapte Dijital olarak Beylikdüzü merkezli bir ekiple; yavaşlığın kaynağını bulup düzeltiyoruz. Adapte Dijital’in dijital kurulum yaklaşımı; hızı kalıcı kılar. Ücretsiz bir dijital denetimle başlayabiliriz.