Google Performans Optimizasyonu

Yavaş açılan bir web sitesi, kapısı sıkışan bir dükkan gibidir: Müşteri içeride ne olduğunu görmeden vazgeçer. 2006'dan beri geliştirdiğimiz projelerde şunu net olarak gördük: Hız, tasarımın ve içeriğin yerini tutmaz ama ikisinin de görülebilmesinin ön şartıdır. 110 Design olarak Google PageSpeed Insights değerlerinizi bir eklenti kurup geçerek değil, sitenin kod yapısına, görsellerine ve sunucusuna inerek iyileştiriyoruz.

PageSpeed Insights Nedir, Neyi Ölçer?

PageSpeed Insights (PSI), Google'ın ücretsiz sunduğu ve bir sayfanın ne kadar hızlı açılıp kullanılabilir hale geldiğini ölçen araçtır. Sonuçları mobil ve masaüstü için ayrı verir. Mobil test, orta seviye bir telefonu ve yavaşlatılmış bir bağlantıyı taklit ettiği için mobil puan genellikle daha düşük çıkar. Performans puanı 0 ile 100 arasındadır: 90 ve üzeri "iyi" (yeşil), 50–89 arası "iyileştirilmeli" (turuncu), 49 ve altı "zayıf" (kırmızı) kabul edilir.

Raporun en önemli kısmı, Core Web Vitals (Önemli Web Verileri) adı verilen üç ölçümdür:

• LCP (Largest Contentful Paint): Sayfadaki en büyük öğenin, genellikle ana fotoğrafın ya da büyük başlığın ekranda belirdiği an. 2,5 saniye ve altı "iyi" sayılır.
• INP (Interaction to Next Paint): Ziyaretçi bir butona bastığında ya da takvimden tarih seçtiğinde sayfanın ne kadar çabuk tepki verdiği. 200 milisaniye ve altı "iyi" sayılır. INP, Mart 2024'te eski FID ölçümünün yerini aldı.
• CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriklerin yerinden kayması; tam tıklayacakken butonun aşağı kaçması gibi. 0,1 ve altı "iyi" sayılır.

Bunların yanında FCP (ilk yazı ya da görselin ekrana gelme süresi), TBT (ağır JavaScript yüzünden sayfanın tıklamalara cevap veremediği toplam süre) ve Speed Index (görünen alanın ne kadar hızlı dolduğu) gibi laboratuvar ölçümleri de yer alır.

Rapordaki 0–100 puan, Lighthouse adlı aracın o an yaptığı tek seferlik bir testten, yani laboratuvar verisinden gelir. Raporun üst kısmındaki "Core Web Vitals değerlendirmesi" ise sitenize Chrome ile giren gerçek ziyaretçilerin son 28 günlük deneyiminden, yani Chrome UX Report (CrUX) verisinden oluşur. Laboratuvar testi sorunları bulmak için idealdir; Google'ın Search Console'daki Core Web Vitals raporu ise gerçek kullanıcı verisine dayanır. Trafiği az olan sitelerde gerçek kullanıcı verisi bölümü boş kalabilir.

Hız Ziyaretçiniz İçin Neden Önemli?

Villa ya da araç arayan bir tatilci sitenize çoğu zaman telefonundan, bazen zayıf bir otel Wi-Fi'sinden ya da mobil veriyle giriyor. Fotoğraflar geç geliyorsa, takvim tıklamaya geç cevap veriyorsa ya da butonlar yer değiştiriyorsa ziyaretçi sabrını kaybedip geri tuşuna basıyor. Yavaşlık aynı zamanda bir güven sorunudur: Ağır ve takılan bir site, rezervasyon ya da ödeme aşamasında "Bu firmaya güvenebilir miyim?" sorusunu akla getirir.

Bunun rakamlara yansıdığı örnekler de var. Google'ın web.dev sitesindeki vaka çalışmalarına göre, otobüs bileti rezervasyon sitesi redBus, sayfalarının tepki süresini (INP) iyileştirdikten sonra satışlarında %7 artış gördü; Vodafone ise LCP değerini %31 iyileştirerek satışlarını %8 artırdı. Her sitede sonuç farklıdır ama eğilim aynıdır: Hız, tamamlanan form ve rezervasyon sayısına olumlu yansır.

Google Sıralamanıza Etkisi

Google, Core Web Vitals ölçümlerinin sıralama sistemlerinde kullanıldığını açıkça belirtiyor. Ancak Google'ın kendi ifadesiyle arama motoru, sayfa deneyimi zayıf olsa bile her zaman en alakalı içeriği göstermeye çalışır; yani içerik ve alaka düzeyi önce gelir. Hızın fark yarattığı yer, birbirine benzer içeriklerin yarıştığı aramalardır; Kalkan'da kiralık villa arayan birinin karşısına çıkan benzer siteler arasında, daha iyi deneyim sunan bir adım öne çıkabilir.

Hızın dolaylı bir etkisi de vardır: Hızlı açılan sitede ziyaretçi daha az geri döner ve daha fazla sayfa gezer; bu da hem dönüşümlere hem de arama performansınıza katkı sağlar. Yine de dürüst olalım: PageSpeed puanı 100 olan bir site birinci sırayı garanti etmez, Google da bunu açıkça söylüyor. Hız, sağlam bir SEO çalışmasının tamamlayıcısıdır, yerine geçmez.

Neden Tek Bir Eklentiyle Çözülmüyor?

Piyasada "tek tıkla 100 puan" vadeden eklentiler var. Bunlar dosyaları sıkıştırıp önbelleğe alarak puanı birkaç basamak yükseltebilir ama asıl sonucu belirleyen, sitenin nasıl kodlandığıdır. Yavaş bir sayfanın arkasında genellikle birden fazla sebep birlikte durur:

• Tema ve sayfa oluşturucular: Elementor gibi sayfa oluşturucular ve çok amaçlı temalar, kullanılmayan CSS ve JavaScript'i her ziyarette yükler.
• Oluşturmayı engelleyen kaynaklar (render-blocking): Tarayıcı, bazı CSS ve JavaScript dosyaları inmeden ekrana hiçbir şey çizemez.
• Görseller: Villa sitelerinin en büyük yükü fotoğraflardır. WebP/AVIF formatı, doğru boyutlandırma ve aşağıdaki görsellerin sıra gelince yüklenmesi (lazy load) ciddi fark yaratır.
• Yazı tipleri: Yanlış yüklenen web fontları metnin geç görünmesine ya da sayfanın kaymasına yol açar.
• Üçüncü taraf betikler: Analytics, canlı destek, harita ve reklam kodları çoğu zaman en büyük yavaşlatıcıdır.
• Sunucu yanıt süresi (TTFB), önbellek ve CDN: Sayfanın ilk baytı geç geliyorsa ön taraftaki iyileştirmeler tek başına yetmez.
• Veritabanı sorguları: Müsaitlik takvimi, fiyat hesaplama ve filtreleme gibi dinamik sayfalarda optimize edilmemiş sorgular sayfayı saniyelerce bekletebilir.

Bu yüzden bazen doğru çözüm, ağır bir şablonla hazırlanmış sayfayı sade bir yapıyla yeniden yazmaktır. İş "ölç, düzelt, tekrar ölç" döngüsüyle ilerler ve bir iyileştirme bazen başka bir değeri bozabilir; örneğin ana fotoğrafa yanlışlıkla lazy load uygulamak LCP'yi kötüleştirir. Her site farklı olduğu için hazır bir reçete yoktur; iş adım adım ilerleyen bir süreçtir.

Süreci Nasıl Yürütüyoruz?

1. Analiz ve raporlama: PageSpeed Insights, Lighthouse ve varsa Search Console verileriyle ana sayfa, villa/ürün detay ve rezervasyon gibi kritik sayfaların mobil ve masaüstü durumunu çıkarır, sorunları sade bir dille raporlarız.
2. Öncelik listesi: Sorunları "en çok etki eden, en az risk taşıyan" sırasına koyarız; böylece en hızlı kazanımları önce alır, sitenin işleyişini riske atmayız.
3. Kod ve görsel optimizasyonu: Gereksiz CSS/JS'i temizler, kritik kaynakları öne alır, görselleri dönüştürüp boyutlandırır, yazı tiplerini ve üçüncü taraf betikleri düzenleriz. Gerekirse sayfa yapısını yeniden kodlarız.
4. Sunucu, önbellek ve CDN: Sunucu yanıt süresini, önbellek kurallarını, sıkıştırmayı ve gerekiyorsa CDN kurulumunu ele alır, veritabanı sorgularını iyileştiririz.
5. İzleme: Laboratuvar puanı testten teste birkaç puan oynayabildiği için genel eğilime bakarız. Gerçek kullanıcı verisi 28 günlük dönemi kapsadığından iyileşmenin oraya yansıması birkaç hafta sürer; sonrasında yeni bir eklenti ya da betiğin değerleri düşürmemesi için düzenli kontrol yaparız.

Referans: kiralikvilla.com

110 Design olarak geliştirdiğimiz kiralikvilla.com, bol fotoğraflı villa sayfaları ve rezervasyon altyapısıyla hız açısından zorlayıcı bir site. 21 Ekim 2026 tarihli PageSpeed Insights ölçümü:

Mobil

• Puanlar: Performans 96 · Erişilebilirlik 100 · En İyi Uygulamalar 100 · SEO 100
• Ölçümler: FCP 1,4 sn · LCP 2,8 sn · TBT 20 ms · CLS 0 · Speed Index 1,4 sn

Masaüstü

• Puanlar: Performans 100 · Erişilebilirlik 100 · En İyi Uygulamalar 100 · SEO 100
• Ölçümler: FCP 0,3 sn · LCP 0,7 sn · TBT 10 ms · CLS 0 · Speed Index 0,6 sn

Açıkça belirtelim: Mobilde LCP 2,8 saniye ile Google'ın "iyi" kabul ettiği 2,5 saniyenin biraz üzerinde; bu süreyi kısaltmak için mobil tarafta çalışmalarımız sürüyor. Yani bu iş, 96 puanda bile bitmiyor.

Fiyatlandırma ve Ücretsiz Ön Analiz

Performans optimizasyonunda sabit paket fiyatı vermek doğru olmaz; birkaç ayarla toparlanan bir site ile sayfa yapısının yeniden yazılması gereken bir site aynı emeği gerektirmez. Bu yüzden önce sitenizi ücretsiz inceliyor, mevcut durumu ve gerçekçi bir hedefi içeren önerilerimizle birlikte teklifimizi sunuyoruz. Sitenizin adresini telefon, WhatsApp ya da talep formu üzerinden iletmeniz yeterli.