Site hızlandırma ile sizin için ne yapıyoruz?
Reklamınıza tıklayan ya da sizi Google’da bulan ziyaretçi, sayfanız açılmadan geri dönerse listedeki bir sonraki siteye geçer. Bizim işimiz o ilk an. Sayfalarınızın her cihazda hızlı açılması, dokunuşa hemen yanıt vermesi ve yüklenirken kaymaması için gereken düzeltmeleri ölçerek yaparız.
İşe tahminle değil, ölçümle başlarız. Sitenizin en çok ziyaret alan ve en çok talep getiren sayfalarını belirler, her birinin bugünkü hızını kaydederiz. Sonra sorunları etkisine göre sıralar, önce en çok fark yaratacak işleri yaparız. Her değişikliğin ardından yeniden ölçer, farkı size raporla gösteririz.
Hız satışa, reklama ve aramaya nasıl yansır?
Hızlı bir site aynı anda üç yerde işinize yarar.
Satışta: ziyaretçi teklifinizi görür
Yavaş açılan bir sayfada ziyaretçi teklif formunu ya da sepet düğmesini görmeden ayrılabilir. Hızlı bir sayfa, ziyaretçinin ürününüze, formunuza ve iletişim bilginize ulaşma şansını artırır. Bu yüzden önceliği talep ve satış getiren sayfalara veririz: açılış sayfaları, ürün ve hizmet sayfaları, sepet ve form adımları. Ölçümleri de dönüşüm verinizle yan yana okuruz.
Reklamda: ödediğiniz tıklamanın karşılığı
Google Ads ve Meta Ads’te her tıklama için ödeme yaparsınız; sayfa açılmadan ayrılan ziyaretçi bu bedeli karşılıksız bırakır. Google Ads, Kalite Puanı’nı beklenen tıklama oranı ve reklam alaka düzeyinin yanında açılış sayfası deneyimine göre de hesaplar (Google Ads Yardım (yeni sekmede açılır)). Ödediğiniz tıklama boşa gitmesin diye bir kampanyayı yayına almadan önce açılış sayfasının hızını ölçer, gerekeni düzeltiriz.
Aramada: Core Web Vitals ve sayfa deneyimi
Google, Core Web Vitals adını verdiği ölçülerle sayfanın ne kadar hızlı yüklendiğini, etkileşime ne kadar çabuk yanıt verdiğini ve yüklenirken ne kadar sabit kaldığını ölçer. Google’ın arama dokümanları, aramada başarı için bu değerlerin iyi düzeyde olmasını önerir ve bunun diğer sayfa deneyimi unsurlarıyla birlikte sıralama sistemlerinin ödüllendirmek istediği şeyle örtüştüğünü belirtir (Google Search Central (yeni sekmede açılır)). Hızı güçlü içerik ve sağlam teknik altyapıyla birlikte ele alırız; SEO çalışmamız da aynı temelin üstüne kurulur.
Neyi ölçüyoruz?
Sitenizin hızını Google’ın kullandığı üç ölçüyle değerlendiririz. Google’ın her ölçü için iyi kabul ettiği eşiği hedef çizgisi olarak kullanırız (web.dev (yeni sekmede açılır)); aşağıdaki değerler bu eşiklerdir.
Yüklenme: LCP
Sayfanın en büyük içeriğinin, çoğu zaman ana görselin ya da ana başlığın, ekranda ne zaman göründüğünü ölçer. Google’ın iyi kabul ettiği eşik 2,5 saniyedir.
Etkileşime yanıt: INP
Ziyaretçi bir düğmeye bastığında, menüyü açtığında ya da formu doldurduğunda sayfanın ne kadar sürede tepki verdiğini ölçer. İyi kabul edilen değer 200 milisaniye ve altıdır.
Görsel kararlılık: CLS
Sayfa yüklenirken içeriğin ne kadar kaydığını ölçer. Okumaya başladığınız metnin aşağı itilmesi ya da yanlış düğmeye basmanız bu kaymadan gelir. İyi kabul edilen değer 0,1 ve altıdır.
Test verisi ve gerçek kullanıcı verisi
İki tür veriye birlikte bakarız. Laboratuvar verisi, sayfanın kontrollü bir test ortamında nasıl açıldığını gösterir; sorunun nedenini bulmak için onu kullanırız. Saha verisi ise Chrome kullanıcılarından toplanan gerçek ölçümlerdir (Chrome User Experience Report, kısaca CrUX); Search Console’daki hız raporu da bu veriye dayanır. PageSpeed Insights iki veriyi aynı ekranda gösterir.
Laboratuvar testi etkileşim ölçüsünü doğrudan ölçemez, çünkü ortada sayfaya dokunan bir ziyaretçi yoktur; orada yerine geçen göstergeye (Total Blocking Time) bakarız. Google, her ölçünün sayfa açılışlarının yüzde 75’inde eşiği karşılamasını önerir; bu yüzden mobil ve masaüstünü ayrı izleriz. Ziyaretçisi az olan sayfalarda saha verisi oluşmayabilir; o zaman laboratuvar ölçümünü kendi analiz verinizle birlikte okuruz.
Neleri düzeltiyoruz?
Ölçüm sorunun nerede olduğunu gösterir; çözümü sitenizin altyapısına göre seçeriz. En sık ele aldığımız işler şunlardır.
Görseller
Görselleri gösterildikleri boyuta getirir, AVIF ve WebP gibi modern biçimlere çevirir, ekranın altında kalanları ziyaretçi oraya yaklaşınca yükleriz. İlk ekrandaki ana görseli ise öne alır, beklemeden yüklenmesini sağlarız.
Yazı tipleri
Yazı tiplerini yalnızca sitenizde kullanılan karakterleri içerecek şekilde küçültür (font subsetting), kendi alan adınızdan ve doğru öncelikle yükleriz. Böylece metin geç belirmez, yazı tipi yüklenirken satırlar kaymaz.
JavaScript ve CSS bütçesi
Her sayfa türü için bir JavaScript ve CSS bütçesi koyarız. Sayfanın açılması için gerekmeyen kodu erteler, kullanılmayanı kaldırır, ilk ekran için gereken stilleri öne alırız. Gereksiz bir eklenti ya da sohbet penceresi, ısı haritası gibi üçüncü taraf kodlar çoğu zaman en büyük yüktür; hangisinin işinize yaradığını sizinle birlikte değerlendiririz. Bütçe, sonradan eklenen kodu da denetim altında tutar.
Sunucu, CDN ve önbellek
Sayfanın ilk baytı geç geliyorsa sorun çoğu zaman sunucu tarafındadır. Sunucu yanıt süresini ölçer, sayfaları ziyaretçiye en yakın noktadan sunan bir CDN kurar ya da mevcut olanı ayarlar, önbellek kurallarını dosya türüne göre yazarız. Değişmeyen dosyalar uzun süre saklanır, güncellenen içerik ise ziyaretçiye hemen ulaşır.
Yerleşim kaymaları
Görsellere, videolara ve reklam alanlarına önceden yer ayırır, sonradan yüklenen bileşenlerin içeriği itmesini önleriz. Çerez bildirimi ve sohbet düğmesi gibi öğeleri sayfayı kaydırmayacak biçimde yerleştiririz.
Nasıl çalışırız: ölç, sırala, düzelt, yeniden ölç
Her projede aynı dört adımı izleriz ve her adımın sonunda elinizde somut bir çıktı olur. Genel yaklaşımımızı yöntemimiz sayfasında okuyabilirsiniz.
- Ölç: Öncelikli sayfalarınızın mobil ve masaüstü hızını laboratuvar ve saha verisiyle kaydederiz. Bu ölçüm, raporun “önce” sütunu olur.
- Sırala: Her sorunu etkisine ve gerektirdiği emeğe göre sıralarız. Satış getiren bir sayfadaki büyük sorun, az ziyaret alan bir sayfadaki küçük sorundan önce gelir.
- Düzelt: Değişiklikleri önce bir test ortamında uygular, sonra onayınızla yayına alırız.
- Yeniden ölç: Aynı sayfaları aynı koşullarda yeniden ölçer, farkı rapora yazarız. Saha verisi son 28 günün ölçümlerinden hesaplandığı için onu sonraki haftalarda da izleriz.
Hangi altyapılarda çalışıyoruz?
Hız sorununun çözümü altyapıya göre değişir. Sitenizin neyle kurulduğuna bakar, o altyapının kurallarına uygun düzeltmeyi seçeriz.
- WordPress ve WooCommerce: Tema ve eklenti yükünü azaltır, sayfa önbelleğini ve görsel ayarlarını kurar, veritabanını temizleriz.
- Shopify ve ikas: Tema kodunu, uygulama yükünü ve görselleri düzenler, altyapının izin verdiği sınırlar içinde sayfaları hafifletiriz.
- Özel yazılım ve statik siteler: Astro, Next.js gibi modern yapılarda ya da size özel yazılımda kod, barındırma ve yayın ayarlarını birlikte ele alırız.
- Kurumsal ve çok dilli siteler: Sayfa şablonlarını tek tek ölçer, düzeltmeyi şablon düzeyinde yaparak o şablonla kurulan bütün sayfalara yayarız.
Bazen altyapının kendisi sitenizi yavaşlatmaya devam eder. O durumda yenileme seçeneğini de açıkça konuşuruz; web tasarım projelerinde hızı en baştan planlarız.
Teslim ettiklerimiz: önce ve sonra raporu
Çalışmanın sonunda elinize sade bir rapor geçer. Raporda şunlar yer alır:
- Ölçülen her sayfanın mobil ve masaüstü değerleri, önce ve sonra yan yana
- Bulunan her sorun, nedeni ve önceliği
- Yapılan her değişiklik ve hangi değeri etkilediği
- Saha verisinin sonraki haftalardaki seyri
- Yeni görsel ve kod eklerken hızı korumanız için kısa bir kontrol listesi
Rapordaki her rakamın hangi araçtan ve hangi tarihte alındığını görürsünüz. Belgeyi yazılımcınıza ya da ekibinize olduğu gibi iletebilirsiniz.
Kimlerle çalışıyoruz?
Site hızlandırma çalışması en çok şu durumlarda fark yaratır:
- Google Ads ya da Meta Ads ile trafik gönderdiği açılış sayfası yavaş açılan işletmeler
- Search Console’da Core Web Vitals uyarısı gören siteler
- Ürün görselleri ve uygulama yükü zamanla artmış e-ticaret siteleri
- Yeni bir tasarımdan ya da altyapı değişikliğinden sonra yavaşlayan siteler
- Kendi yazılım ekibi olan ama hız işine zaman ayıramayan şirketler
Düzeltmeleri kendi ekibiniz yapacaksa ölçümü, önceliklendirmeyi ve doğrulamayı biz üstleniriz. Yurt dışında satış yapıyorsanız sitenizi hedef pazarınızdaki ziyaretçinin koşullarıyla ölçeriz. 2016’dan bu yana 15 ülkede 34 işletmeyle çalıştık.
Kanıt: bu site
Şu an okuduğunuz siteyi biz kurduk ve aynı kuralları burada da uyguladık: AVIF ve WebP biçiminde görseller, küçültülmüş yazı tipleri, sıkı bir kod bütçesi ve dünyaya yayılmış bir CDN. Hızını PageSpeed Insights (yeni sekmede açılır) ile kendiniz ölçebilirsiniz.
İlk adım: ücretsiz analiz
En kolay başlangıç, aşağıdaki formdan ücretsiz SEO analizi istemektir. Analiz sayfa hızını da kapsar: sitenizi neyin yavaşlattığını ve önce neyin düzeltilmesi gerektiğini yorumlu bir PDF ile 3 iş günü içinde e-postanıza göndeririz. Kapsamı doğrudan konuşmak isterseniz teklif isteyin; 3 iş günü içinde dönüş yaparız.
Sık sorulan sorular
Hız çalışması ne kadar sürer?
Süreyi sitenizin büyüklüğü, altyapısı ve sorunların kaynağı belirler. Görsel biçimleri ve önbelleğe alma ayarları gibi düzeltmeler kısa sürer; tema ya da kod düzeyindeki işler daha uzun sürer. İlk ölçümden sonra size adım adım bir takvim veririz.
Hangi değerleri hedefliyorsunuz?
Google'ın iyi kabul ettiği eşikleri hedef çizgisi olarak kullanırız: yüklenmede (LCP) 2,5 saniye, etkileşime yanıtta (INP) 200 milisaniye, görsel kararlılıkta (CLS) 0,1. Hedefi ilk ölçümden sonra sayfa sayfa sizinle birlikte koyar, her raporda o hedefe göre hesap veririz.
PageSpeed puanı neden her ölçümde değişiyor?
Laboratuvar testi her seferinde ağ ve cihaz koşullarını yeniden taklit eder; bu yüzden puan ölçümden ölçüme oynar. Biz tek bir puana değil, aynı koşullarda tekrarlanan ölçümlere ve gerçek kullanıcı verisine bakarız. Kararları bu tabloya göre veririz.
Hızlandırma tasarımımı değiştirir mi?
Çoğu zaman hayır. İşin büyük kısmı ziyaretçinin görmediği yerdedir: görsel biçimleri, kod yükü, yazı tipleri ve barındırma ayarları. Görünümü etkileyecek bir değişiklik gerekirse önce size gösterir, onayınızla yayına alırız.
WordPress sitemde eklentileri kaldırmanız gerekir mi?
Yalnızca işinize yaramayanları ya da aynı işi ikinci kez yapanları. Her eklentinin hıza etkisini ölçer, kaldırmayı ya da değiştirmeyi önermeden önce sizinle konuşuruz; işinize yarayan işlevleri koruruz.
Mobil ve masaüstü hızı neden farklı?
Mobil ölçüm daha yavaş bir işlemciyi ve bağlantıyı taklit eder; aynı sayfa telefonda bilgisayara göre daha geç açılır. Ziyaretçilerinizin çoğu telefondan geliyorsa önceliği mobil değerlere verir, iki cihazı raporda ayrı gösteririz.
Çalışmadan sonra site yeniden yavaşlar mı?
Yeni görseller, kodlar ve uygulamalar zamanla eklenir; bu yüzden teslimde bir kontrol listesi bırakırız. İsterseniz hızı her ay izler, eşikten uzaklaşan sayfayı raporda gösterir ve düzeltiriz.
Ücret nasıl belirlenir?
Ücret sayfa sayısına, altyapıya ve sorunların kaynağına göre size özel teklifte netleşir. Teklifte neyin dahil olduğunu madde madde görürsünüz; kapsam sonradan genişlerse önce sizinle konuşuruz.
İlk adım ne olmalı?
Aşağıdaki formdan ücretsiz analiz isteyin; sitenizin hızını ve onu yavaşlatan nedenleri 3 iş günü içinde yorumlu bir PDF ile gösterelim. Analiz ve teklif istemek sizi bağlamaz. Ölçülebilir bir planla ilerlemek istiyorsanız site hızlandırma çalışmanızı birlikte planlayalım.
Son güncelleme: