Telefonunuzdan bir siteye girdiniz, ekran boş kaldı, beklediniz, sonra geri tuşuna bastınız. Müşterileriniz de aynısını yapıyor. Web sitesi hızı bir teknik ayrıntı gibi görünür ama aslında doğrudan işinizle ilgilidir: yavaş açılan sayfada insan sabretmez, başka sonuca geçer.
Bu yazıda hızın neden önemli olduğunu, nelerin siteyi yavaşlattığını ve küçük bir işletme olarak ne yapabileceğinizi sade bir dille anlatıyoruz.
Hız neden önemli?
Ziyaretçi bekleyecek vakit bulamaz
Telefonla siteye giren biri genellikle acelesi olan biridir: dükkânın saatini, adresini, fiyatı ya da randevu butonunu arıyor. Sayfa geç açılırsa çoğu kişi geri döner ve rakibinizin sayfasına gider. Bu kaybı göremezsiniz, çünkü o kişi hiç "ziyaretçi" olarak da sayılmaz.
Arama sonuçlarında geri kalabilirsiniz
Google, sayfa deneyimini ölçen sinyalleri kullandığını açıklamıştır. En bilinenleri "Core Web Vitals" adıyla geçer: ana içeriğin ne kadar çabuk göründüğü, sayfaya dokunulduğunda ne kadar çabuk cevap verildiği ve sayfa yüklenirken öğelerin yer değiştirip değiştirmediği. Google'ın yayımladığı iyi eşiklerden biri, sayfanın ana içeriğinin 2,5 saniye içinde görünmesidir. Hız tek başına sizi birinci sıraya taşımaz; ama içerik eşitse yavaş site geride kalır. (Arama sıralaması vaadinde bulunmuyoruz, kimse bulunmamalı.)
Satışı ve randevuyu doğrudan etkiler
Online mağazada ürün sayfası yavaşsa sepete eklemeden çıkılır. Randevu sayfası yavaşsa müşteri telefonu açıp arar, yani sizi yine meşgul eder. Hız, dönüşümün sessiz parçasıdır.
Güven verir
Hızlı ve düzgün açılan site profesyonel görünür. Takılan, kayan, geç yüklenen bir site kendi işinizi ciddiye almadığınız izlenimi verebilir; haksızlık ama gerçek.
Sitenizi yavaşlatan beş şey
- Ağır fotoğraflar. Telefondan çekilen 5 MB'lık bir fotoğrafı olduğu gibi siteye koymak en sık hata. Ekranda 400 piksel gösterilecek görsel için dev dosya indirmek gereksizdir.
- Çok fazla eklenti ve üçüncü taraf betik. Her sohbet balonu, takip kodu ve animasyon kütüphanesi ekstra yük getirir. Hepsi gerçekten lazım mı diye sorun.
- Ucuz ve yetersiz barındırma. Sunucu cevap vermeye geç başlarsa ne yaparsanız yapın site yavaştır.
- Önbellek kullanılmaması. Değişmeyen dosyaların her ziyarette baştan indirilmesi gereksiz yük bindirir.
- Yer değiştiren öğeler. Sayfa yüklenirken başlık, görsel ya da reklam yer değiştirirse ziyaretçi yanlış yere tıklar. Görsellerin boyutları önceden tanımlı olmalıdır.
Hızı nasıl ölçersiniz?
Önce kendi telefonunuzdan, mobil veriyle (Wi-Fi'siz) sitenizi açın ve gözle bakın: ilk içerik ne zaman göründü? Sonra Google'ın ücretsiz PageSpeed Insights aracına adresinizi yazın. Mobil için aldığı puana bakın; sorun listesi de neyi düzeltmeniz gerektiğini söyler. Yalnız ana sayfayı değil, en çok ziyaret edilen iki üç sayfayı da deneyin.
Puanlara takılıp kalmayın; amaç 100 almak değil, gerçek bir kullanıcının beklemeden işini görmesi. Puan bir pusula, hedef değildir.
Küçük işletme olarak yapabilecekleriniz
- Fotoğrafları küçültün. Siteye yüklemeden önce makul boyuta indirin. Çoğu zaman en büyük kazanç buradadır.
- Gereksiz eklentiyi kaldırın. Kullanmadığınız her şeyi silin.
- Sade tasarımı tercih edin. Süslü animasyonlar güzel durur ama maliyeti vardır; yalnız işe yarayanı bırakın.
- Telefonda test edin. Bilgisayarda hızlı olan site telefonda yavaş olabilir.
- Yazılımcınızdan hız hedefi isteyin. Teslimde ölçüm sonucunu görmek hakkınız.
Görsellerde ayrıntı
Hız konusunda en çok kazandıran iş görseldir. Üç kural yeter. Birincisi, boyutu doğru seçin: ekranda en fazla 800 piksel genişlikte görünecek bir fotoğrafı 4000 piksel genişlikte yüklemeyin. İkincisi, modern biçimleri kullanın: WebP ve AVIF gibi biçimler aynı görünümü çok daha küçük dosyayla verir. Üçüncüsü, ekranın altındaki görselleri ancak kullanıcı oraya yaklaşınca yükleyin; sayfanın üstündeki ilk görsel ise hemen yüklensin. Bu üç alışkanlık, çoğu küçük sitenin yükünü yarıya düşürmeye yeter.
Hız ile tasarım arasında denge
Animasyon, büyük arka plan videosu ve süslü yazı tipleri sitenize kişilik katar; ama her biri bir bedel taşır. Ölçü şu olsun: süs, işe yarıyorsa kalsın. Ana sayfanızda bir video varsa müşteri için gerçekten bilgi veriyor mu? Dört yazı tipi yerine bir ya da ikisi yeterli olmaz mı? Süsü tamamen atmanız gerekmez; ekran dışında kalan süsü geç yüklemek, ana içeriği ise beklemeden göstermek iyi bir dengedir.
Hızı korumak
Site hızlı yayına çıktı diye iş bitmez. Zamanla yeni fotoğraf, yeni eklenti, yeni takip kodu eklenir ve site yavaşlar. Üç ayda bir ölçümü tekrarlamak, yeni eklediğiniz her görseli küçültmek ve kullanmadığınız şeyleri silmek yeter. Panelden içerik ekleyen biriyseniz fotoğrafı yüklemeden önce küçültmek en etkili alışkanlıktır.
Biz kendi sitemizde ne yapıyoruz?
Pikselabs sitesini de aynı ilkelerle kurduk: görseller doğru boyutta ve modern biçimlerde sunuluyor, ekranın dışındaki ağır animasyonlar kullanıcı oraya yaklaşana kadar yüklenmiyor, yer değiştirme olmasın diye alanlar önceden ayrılıyor. Yaptığımız işlerde de aynı yaklaşımı izliyoruz; BerberRandevu ve GrafitCase gibi canlı sitelerde ekran görüntülerinin yanında canlı adres de duruyor, isterseniz kendi telefonunuzdan açıp hızını deneyebilirsiniz. Ölçüm sonucu uydurmak istemediğimiz için burada puan yazmıyoruz; kendi ölçümünüz her zaman daha güvenilir.
Mobil önce düşünün
Çoğu işletme sitesini bilgisayarda tasarlar ve bilgisayarda onaylar. Oysa müşterilerinizin büyük kısmı telefondan gelir. Siteyi onaylarken önce telefonda açın, sonra bilgisayara bakın. Telefonda ekran küçük, bağlantı değişken ve sabır azdır; orada iyi çalışan site genelde her yerde iyi çalışır.
Hız ve erişilebilirlik birlikte gider
Hızlı bir site yalnızca yavaş internet bağlantısı olanlara değil, eski telefon kullananlara da iyi gelir. Müşterilerinizin hepsi son model telefon kullanmaz; kimi eski bir cihazdan, kimi zayıf çekim yerinden girer. Sade ve hafif bir site bu kişilerin de işini görür. Aynı şekilde okunaklı yazı, yeterince büyük dokunma alanları ve net bir yapı, hem hız hem kullanım kolaylığı açısından işinize yarar. Özetle hız, sadece bir puan değil, daha çok müşteriye ulaşmanın sade bir yoludur.
Kontrol listesi
- Telefonda mobil veriyle açın; ilk içerik birkaç saniyede görünüyor mu?
- PageSpeed Insights'ta mobil sonucunuza bakın.
- En büyük fotoğrafınızın dosya boyutunu kontrol edin.
- Sayfa yüklenirken öğeler yer değiştiriyor mu?
- Kullanmadığınız eklenti ve takip kodlarını listeleyin.
Siteniz yavaşsa ve nereden başlayacağınızı bilmiyorsanız adresinizi teklif formundan gönderin; neyin yavaşlattığını bakıp söyleyelim. Yeni site yaptıracaksanız hız beklentinizi baştan yazın; fiyatı etkileyen kalemler için küçük işletme web sitesi fiyatları yazısını, hizmet ayrıntısı için de web sitesi hizmetimizi inceleyin.
Sık sorulanlar
Sitemin hızını nasıl ölçerim?
Google'ın ücretsiz PageSpeed Insights aracına site adresinizi yazın. Hem telefon hem bilgisayar için puan ve sorun listesi verir. Kendi telefonunuzda mobil veriyle açıp gözle denemek de değerlidir.
Site hızı doğrudan arama sırasını belirler mi?
Tek başına belirlemez; içeriğin uygunluğu çok daha önemlidir. Ama sayfa deneyimi sinyalleri sıralamada rol oynayan etkenlerden biri olarak bilinir ve yavaş site ziyaretçiyi zaten kaybettirir.
Ağır fotoğraflar siteyi yavaşlatır mı?
Evet, çoğu küçük sitenin yavaşlığının ilk nedeni budur. Fotoğrafları yüklemeden önce küçültmek ve doğru boyutta sunmak hızı büyük ölçüde iyileştirir.