Reklam bütçenizin bir kısmı, sayfanız açılmadan boşa gidiyor olabilir. Google’ın 2016 tarihli mobil hız araştırmasına göre mobil ziyaretlerin %53’ü, sayfa üç saniyede yüklenmezse terk ediliyor. Bu yazı hızın ciroya etkisini rakamla gösteriyor, ardından web sitesi hızlandırma için sırayla uygulayabileceğiniz yedi adımı veriyor.

Hız bir teknik ayrıntı değil, satış konusudur

Yavaş site, ziyaretçiyi teklifinizi görmeden kaybettirir; bu yüzden hız BT’nin değil, pazarlama bütçesinin konusudur. Ziyaretçiyi siteye getirmek için reklama, içeriğe ve sosyal medyaya para harcarsınız. Sayfa açılmadan çıkan her ziyaretçi, o harcamanın karşılıksız kalan kısmıdır.

Sorun çoğu zaman görünmez kalır. Ekip siteyi ofisteki hızlı bağlantıyla ve önbelleği dolu tarayıcıyla açar; sayfa anında gelir. Müşteriniz ise sitenize ilk kez, telefonundan ve mobil veriyle girer.

Ölçmeniz gereken deneyim sizinki değil, onunkidir.

Üç saniye eşiği: veriler ne diyor

Üç ayrı araştırma aynı yönü gösteriyor: bekleme uzadıkça ziyaretçi azalır, hız arttıkça satış artar.

Bulgu Kaynak
Mobil ziyaretlerin %53’ü, sayfa 3 saniyeden uzun sürerse terk ediliyor Google, The Need for Mobile Speed (2016)
Yüklenme süresi 1 saniyeden 7 saniyeye çıkınca mobil ziyaretçinin hemen çıkma olasılığı %113 artıyor Google ve SOASTA (2017)
Mobil hızda 0,1 saniyelik iyileşme dönüşümü perakende sitelerinde %8,4, seyahat sitelerinde %10,1 artırıyor Deloitte ve 55, Milliseconds Make Millions

Üçüncü bulgu en çarpıcı olandır: saniyenin onda biri, kasadaki rakamı değiştiriyor. Hız, sitenizde dönüşümü etkileyen en ucuz kaldıraçlardan biridir.

İlk iki veri birkaç yıllıktır. Bağlantılar o günden beri hızlandı, ama ziyaretçinin sabrı da aynı ölçüde azaldı. Bu yüzden rakamları kendi verinizle doğrulayın: analitik aracınızda hızlı ve yavaş açılan sayfaların hemen çıkma oranlarını yan yana koyun.

Hız kaybının üç kaynağı

Yavaşlığın büyük kısmı üç yerden gelir: görseller, üçüncü taraf script’ler ve sunucu. Üçü de tasarımı değiştirmeden düzeltilebilir.

Görseller

Sayfa ağırlığının en büyük kalemi çoğu zaman görsellerdir. Telefon ekranında 400 piksel görünen bir alana 4.000 piksellik fotoğraf göndermek, ziyaretçiye görmeyeceği veriyi indirtmektir. Doğru boyut, WebP ya da AVIF biçimi ve ekranın altındaki görseller için tembel yükleme bu kalemi küçültür.

Üçüncü taraf script’ler

Analitik, reklam pikseli, canlı destek ve ısı haritası araçları siteye birer satır kodla eklenir ve çoğu zaman bir daha kaldırılmaz. Her biri ayrı bir sunucudan yüklenir ve tarayıcıyı meşgul eder. Biten bir kampanyanın pikseli, ziyaretçinize hâlâ bekleme süresi olarak yansır.

Sunucu ve tema

Sayfayı her ziyarette baştan üreten bir sunucu, daha ilk baytta zaman kaybettirir. Hazır temalar ise tüm özelliklerinin kodunu her sayfaya taşır; kullandığınız bir kaydırıcı için kullanmadığınız yüz bileşenin kodu yüklenir. Önbellek ve kod ayıklama bu iki kaybı giderir.

Core Web Vitals’ı yönetici diliyle okumak

Core Web Vitals, Google’ın sayfa deneyimini ölçtüğü üç metriktir ve her biri tek bir müşteri sorusuna cevap verir. Kısaltmaları ezberlemeniz gerekmez; soruları bilmeniz yeterlidir.

Metrik Sorduğu soru İyi eşik Eşik aşılırsa müşteri ne yaşar
LCP (Largest Contentful Paint) Sayfanın ana içeriği ne kadar sürede göründü? 2,5 saniye ve altı Boş ekrana bakar, geri döner
INP (Interaction to Next Paint) Tıkladığımda sayfa ne kadar çabuk tepki verdi? 200 milisaniye ve altı Butona basar, bir şey olmaz, tekrar basar
CLS (Cumulative Layout Shift) Sayfa yüklenirken öğeler yerinden oynadı mı? 0,1 ve altı Yanlış yere dokunur, yanlış sayfaya gider

Eşikler web.dev’deki Web Vitals kılavuzuna dayanır. Google, bir sayfanın başarılı sayılması için bu eşiklerin ziyaretlerin %75’inde tutturulmasını bekler.

Ölçmek ücretsizdir ve bir dakika sürer. PageSpeed Insights‘a adresinizi yazın ve mobil sekmesine bakın. Raporun üstündeki gerçek kullanıcı verisi karar için esastır; alttaki 0–100 arası puan yalnızca yol gösterir.

Google bu metrikleri arama sıralamasında da kullanır. Yine de asıl etki sıralamada değil, siteye gelmiş ziyaretçinin kalıp kalmamasındadır.

7 adımda web sitesi hızlandırma planı

Adımlar, etkisi yüksek ve uygulaması kolay olandan zora doğru sıralıdır. İlk üçü çoğu sitede tasarıma dokunmadan uygulanır.

  1. Ölçün ve kaydedin. PageSpeed Insights’ta ana sayfanızı, en çok trafik alan açılış sayfanızı ve bir ürün ya da hizmet sayfanızı mobil sekmesinde ölçün. Başlangıç değeri olmadan iyileşme kanıtlanamaz.
  2. Görselleri küçültün. Her görseli gösterildiği boyuta indirin, WebP ya da AVIF’e çevirin, ekranın altında kalanları Lazy Loading  (tembel) yükleyin. Sayfanın ana görselini Lazy Loading (tembel) yüklemeyin; onu öncelikli yükleyin.
  3. Script envanteri çıkarın. Sitedeki tüm takip ve eklenti kodlarını listeleyin. Kullanılmayanı kaldırın, kalanları sayfa açıldıktan sonra yüklenecek şekilde erteleyin.
  4. Önbellek ve CDN kurun. Sayfaları her ziyarette yeniden üretmek yerine önbellekten sunun. Statik dosyaları ziyaretçiye yakın sunucudan dağıtın.
  5. Kullanılmayan kodu ayıklayın. Temayla gelen ama sayfada kullanılmayan CSS ve JavaScript’i çıkarın, kalan dosyaları küçültün.
  6. Yazı tiplerini ve yer tutucuları düzeltin. Yazı tipi dosyası sayısını azaltın. Görsel, video ve reklam alanlarına genişlik ve yükseklik verin; sayfa yüklenirken zıplamayı bu adım keser.
  7. Hız bütçesi koyun ve izleyin. “Mobilde ana içerik 2,5 saniyede görünür” gibi tek bir kural belirleyin. Her yeni sayfa, eklenti ve kampanya kodu bu kuraldan geçsin; ölçümü ayda bir tekrarlayın.

İlk altı adım bir kerelik iştir. Yedincisi olmadan site, eklenen her yeni kodla adım adım eski hızına döner.

Hız yatırımının geri dönüşünü hesaplamak

Hız yatırımının getirisi dört rakamla hesaplanır: aylık ziyaret, dönüşüm oranı, ortalama sipariş değeri ve beklenen iyileşme. Aylık ek gelir, bu dördünün çarpımıdır.

Aşağıdaki tablo varsayımsal bir e-ticaret sitesi içindir; kendi rakamlarınızı yerine koyun.

Kalem Bugün Hızlandırma sonrası
Aylık mobil ziyaret 20.000 20.000
Dönüşüm oranı %1,50 %1,62
Aylık sipariş 300 324
Ortalama sipariş değeri 1.200 TL 1.200 TL
Aylık gelir 360.000 TL 388.800 TL

Bu örnekte dönüşüm oranındaki %8’lik artış ayda 28.800 TL, yılda 345.600 TL ek gelir demektir. Reklam bütçesi ve ziyaretçi sayısı aynı kalmıştır; değişen yalnızca sayfanın hızıdır.

%8 bir varsayımdır, söz değildir. Deloitte çalışması bu büyüklükte artışlar ölçtü, ama sonuç sektöre ve sitenin bugünkü hızına göre değişir. Karar verirken hesabı bir de artışın yarısıyla yapın; yatırım o senaryoda da kendini ödüyorsa risk düşüktür.

Sonuç: önce ölçün, sonra harcayın

Yeni reklam bütçesi ayırmadan önce, mevcut bütçenin ne kadarının yüklenme ekranında kaybolduğunu ölçün. Bugün beş dakikanızı ayırın: sitenizi telefonunuzdan, mobil veriyle açın ve PageSpeed Insights’ta üç metriğe bakın.

Üçünden biri eşiği aşıyorsa planın ilk üç adımıyla başlayın. Bu adımlar yeni bir site gerektirmez.

Nereden başlayacağınızı birlikte belirlemek isterseniz Pienci olarak sitenizin hız ve dönüşüm ön analizini ücretsiz yapıyoruz:  

iletişim