PageSpeed Insights nedir, hangi metrikleri ölçer ve site hızınızı nasıl iyileştirirsiniz? Core Web Vitals, performans skoru ve uygulanabilir hız optimizasyonu adımlarını e-ticaret odağıyla anlatıyoruz.
Bir web sitesinin ne kadar hızlı açıldığı, artık yalnızca kullanıcı konforuyla ilgili bir mesele değil; doğrudan satışlarınızı ve Google sıralamanızı etkileyen kritik bir performans göstergesidir. Yavaş açılan bir sayfada ziyaretçilerin önemli bir bölümü daha içerik yüklenmeden siteyi terk eder. E-ticarette bu, doğrudan kaybedilen sepet ve ödenmiş reklam bütçesinin boşa gitmesi demektir.
İşte tam burada Google'ın ücretsiz aracı PageSpeed Insights devreye girer. Bu araç, sitenizin hızını hem laboratuvar hem de gerçek kullanıcı verileriyle ölçer ve neyi nasıl iyileştirmeniz gerektiğini somut biçimde söyler. Bu rehberde PageSpeed Insights'ın ne olduğunu, hangi metrikleri ölçtüğünü ve skorunuzu yükseltmek için atmanız gereken adımları açıklıyoruz.
PageSpeed Insights Nedir?
PageSpeed Insights (PSI), Google tarafından sunulan ücretsiz bir performans analiz aracıdır. Bir sayfa URL'sini girdiğinizde, o sayfanın masaüstü ve mobil performansını 0-100 arasında bir skorla puanlar ve sayfanın neden yavaş ya da hızlı olduğunu kalem kalem raporlar. PSI'ın en değerli yanı, yalnızca "yavaş" demekle kalmayıp hangi kaynağın ne kadar gecikmeye yol açtığını ve nasıl düzeltileceğini göstermesidir.
PSI iki tür veri kullanır: gerçek kullanıcıların deneyimini yansıtan saha verisi (Chrome Kullanıcı Deneyimi Raporu) ve kontrollü bir ortamda yapılan laboratuvar testi. Saha verisi gerçek dünyada sitenizin nasıl performans gösterdiğini, laboratuvar verisi ise sorunları ayıklamanızı sağlar.
Core Web Vitals: Asıl Önemli Metrikler
Google, kullanıcı deneyimini ölçmek için Core Web Vitals adını verdiği üç temel metriğe odaklanır. Bu metrikler aynı zamanda bir sıralama faktörüdür:
- LCP (Largest Contentful Paint): Sayfadaki en büyük içeriğin (genellikle bir görsel veya başlık) ekrana gelme süresi. İdeali 2,5 saniyenin altıdır. Yükleme hızını temsil eder.
- INP (Interaction to Next Paint): Kullanıcının bir tıklama veya dokunuşuna sitenin ne kadar hızlı tepki verdiğini ölçer. Etkileşim akıcılığını gösterir; düşük olması iyidir.
- CLS (Cumulative Layout Shift): Sayfa yüklenirken öğelerin ne kadar kaydığını ölçer. Yüklenirken yerinden oynayan butonlar ya da görseller kullanıcıyı rahatsız eder; 0,1'in altında olmalıdır.
Skor önemlidir, ancak asıl hedef bu üç metriği "iyi" aralığına çekmektir. 100/100 peşinde koşmak yerine, gerçek kullanıcı deneyimini iyileştirmeye odaklanmak daha sağlıklıdır.
Site Hızını İyileştirmenin Yolları
PSI raporundaki önerilerin büyük kısmı birkaç ana başlık altında toplanır:
- Görselleri optimize edin: E-ticaret sitelerinde en büyük yavaşlama kaynağı genellikle sıkıştırılmamış görsellerdir. Modern formatlar (WebP/AVIF) kullanın, görselleri doğru boyutta sunun ve gerektiğinde yükleyin (lazy loading).
- Gereksiz kodları temizleyin: Kullanılmayan CSS ve JavaScript dosyaları sayfayı yavaşlatır. Kodları küçültün (minify) ve kritik olmayanları erteleyin.
- Önbellek (cache) kullanın: Tarayıcı önbelleği ve sunucu önbelleği, tekrar eden ziyaretlerde sayfayı çok daha hızlı açar.
- Hızlı bir altyapı seçin: Sunucu yanıt süresi (TTFB) yüksekse, yapılan tüm optimizasyonlar yetersiz kalır. Güçlü bir hosting veya modern bir e-ticaret altyapısı şarttır.
- İçerik dağıtım ağı (CDN): Görsel ve dosyaları kullanıcıya en yakın sunucudan sunarak gecikmeyi azaltır.
Hangi e-ticaret altyapısını seçtiğiniz, hız konusunda başlangıç noktanızı belirler. Modern platformlar birçok optimizasyonu hazır sunar; bu konuda İkas mı Shopify mi karşılaştırmamız seçim yaparken işinize yarar.
Hız, SEO ve Dönüşüm İlişkisi
Site hızı üç şeyi aynı anda etkiler: arama sıralamanızı, reklam kalite puanınızı ve dönüşüm oranınızı. Google yavaş siteleri sıralamada geriye atar; Google Ads kampanyalarında yavaş açılan açılış sayfaları kalite puanını düşürüp tıklama maliyetinizi artırır. En önemlisi, her ek saniye gecikme dönüşüm oranınızı eritir. Yani hız optimizasyonu, hem organik hem ücretli trafikten daha çok satış çıkarmanın doğrudan bir yoludur.
Hız iyileştirmelerinin gerçek kullanıcı davranışına etkisini görmek için sitenizin analitik verilerini düzenli izlemelisiniz. E-ticaret için Google Analytics rehberimiz, hangi sayfaların terk edildiğini ve hızla ilişkisini anlamanızı sağlar.
PageSpeed Skoruna Takılıp Kalmayın
Sık yapılan bir hata, tek bir sayısal skoru takıntı haline getirmektir. PSI skoru bir rehberdir, hedefin kendisi değil. Mobil ve masaüstü skorlarının farklı olması normaldir; mobil genellikle daha düşüktür çünkü gerçek dünyada cihaz ve bağlantı koşulları daha zorludur. Asıl odağınız, gerçek kullanıcıların sitenizi akıcı ve hızlı deneyimlemesi olmalıdır.
Saha Verisi ve Laboratuvar Verisi Arasındaki Fark
PageSpeed Insights raporunu doğru okumanın anahtarı, iki farklı veri türünü ayırt etmektir. Saha verisi, son 28 günde sitenizi gerçekten ziyaret eden Chrome kullanıcılarından toplanır ve gerçek dünyadaki deneyimi yansıtır. Bu veri, Core Web Vitals değerlendirmesinin ve dolayısıyla sıralama etkisinin temelidir. Ancak yeni veya düşük trafikli sayfalarda saha verisi yetersiz olabilir; bu durumda PSI yalnızca laboratuvar verisi gösterir. Laboratuvar verisi ise kontrollü, sabit bir ortamda yapılan tek seferlik bir testtir. Sorunları ayıklamak ve düzeltmenin etkisini hızlıca görmek için idealdir, ama gerçek kullanıcı çeşitliliğini yansıtmaz. Pratikte: laboratuvar verisini "neyi düzelteyim?" sorusu için, saha verisini "kullanıcılarım gerçekte ne yaşıyor?" sorusu için kullanın.
Her Metrik İçin Tipik Sorunlar ve Çözümleri
Core Web Vitals'ı iyileştirmek için her metriğin tipik nedenlerini bilmek gerekir:
- LCP yüksekse (yavaş yükleme): Genellikle sebep ağır bir hero görseli, yavaş sunucu yanıtı (TTFB) veya render'ı engelleyen kaynaklardır. Çözüm: en büyük görseli önceliklendirip optimize etmek, sunucu/önbellek iyileştirmesi ve kritik CSS'i satır içine almak.
- INP yüksekse (yavaş etkileşim): Sebep çoğunlukla ağır JavaScript'tir; kullanıcı tıkladığında ana iş parçacığı meşgul olduğu için tepki gecikir. Çözüm: gereksiz script'leri kaldırmak, uzun görevleri bölmek ve üçüncü taraf kodlarını (sohbet, analitik) ertelemek.
- CLS yüksekse (kayan düzen): Sebep, boyutu belirtilmemiş görseller, sonradan yüklenen reklamlar veya web fontlarıdır. Çözüm: görsel ve video alanlarına sabit boyut tanımlamak, reklam alanlarını rezerve etmek ve font yükleme stratejisini düzeltmek.
PageSpeed Insights Dışındaki Hız Araçları
PSI tek başına yeterli değildir; onu tamamlayan araçlarla birlikte kullanmak daha sağlıklı bir tablo sunar. Tarayıcıya gömülü Lighthouse, geliştirme sırasında anlık testler için pratiktir. Google Search Console'un Core Web Vitals raporu, sitenizin tamamındaki sayfaları gruplandırarak hangi şablonların sorunlu olduğunu gösterir; tek tek sayfa testinden çok daha bütünsel bir bakış sağlar. Bu araçları birlikte kullanmak, münferit bir sayfayı değil, sitenizin genel performans sağlığını yönetmenizi sağlar. Hız verilerini gerçek kullanıcı davranışıyla birleştirmek için bu çalışmayı Google Analytics ölçümlerinizle mutlaka yan yana okuyun.
Mobil Öncelikli İndeksleme ve Hız
Google, siteleri artık öncelikli olarak mobil sürümleri üzerinden değerlendirir; buna mobil öncelikli indeksleme denir. Yani sitenizin masaüstünde ne kadar hızlı olduğu değil, mobilde nasıl performans gösterdiği belirleyicidir. Türkiye'de e-ticaret trafiğinin büyük bölümü mobil cihazlardan geldiği için bu durum çifte önem taşır: hem sıralamanız hem de satışlarınızın çoğu mobil deneyime bağlıdır. Mobilde dokunma hedeflerinin yeterince büyük olması, yazı tipi okunabilirliği ve özellikle ödeme adımının pürüzsüz çalışması, hız kadar kritik unsurlardır. Bu yüzden her optimizasyonu önce mobilde test edin.
Küçük İyileştirmeler, Büyük Etki: Bir Örnek
Diyelim ki ürün sayfanız mobilde 6 saniyede açılıyor ve dönüşüm oranınız düşük. Görselleri WebP formatına çevirip doğru boyutlandırdığınızda, kritik olmayan script'leri ertelediğinizde ve önbellek kurduğunuzda yükleme süresi 2,5 saniyeye inebilir. Bu iyileşme yalnızca bir teknik başarı değildir; daha hızlı sayfa, daha az terk, daha yüksek dönüşüm ve Google Ads tarafında daha iyi kalite puanı demektir. Yani tek bir hız çalışması, hem organik trafiği hem ücretli reklam verimini hem de doğrudan satışı aynı anda iyileştirir.
Görsel Optimizasyonu: En Büyük ve En Hızlı Kazanç
E-ticaret sitelerinde sayfa ağırlığının çoğunu görseller oluşturur; bu yüzden en hızlı ve en büyük hız kazancı genellikle buradan gelir. İlk adım, görselleri modern formatlara (WebP veya AVIF) çevirmektir; bu formatlar, kaliteden ödün vermeden dosya boyutunu önemli ölçüde küçültür. İkincisi, her görseli gösterileceği boyutta sunmaktır; 3000 piksel genişliğindeki bir fotoğrafı 600 piksellik bir alanda göstermek, gereksiz veri indirilmesi demektir. Üçüncüsü, ekranda hemen görünmeyen görselleri ertelemeli yüklemek (lazy loading), ilk açılışı hızlandırır. Dördüncüsü, en üstte yer alan ana görseli (LCP öğesi) önceliklendirerek erkenden yüklemektir. Bu dört adım, çoğu sitede yükleme süresini saniyeler ölçeğinde kısaltır ve doğrudan dönüşüme yansır.
Üçüncü Taraf Scriptleri ve Gizli Yavaşlama
Sitelerin fark edilmeyen bir yavaşlama kaynağı, üçüncü taraf scriptleridir: canlı destek widget'ları, analitik kodları, sosyal medya butonları, reklam pikselleri ve çeşitli eklentiler. Her biri tek başına küçük görünse de toplamda sayfayı belirgin biçimde yavaşlatır ve özellikle etkileşim metriğini (INP) bozar. Bu yüzden sitenizde gerçekten ihtiyaç duymadığınız scriptleri kaldırın, gerekli olanları ise mümkün olduğunca geciktirerek (defer/async) yükleyin. Hangi scriptin ne kadar yük getirdiğini PageSpeed Insights ve tarayıcı geliştirici araçlarıyla tespit edebilirsiniz. Bu temizlik, genellikle kod tarafına dokunmadan elde edebileceğiniz değerli bir performans kazancı sağlar ve reklamdan gelen ziyaretçinin sayfayı terk etme oranını düşürür.
Hız İyileştirmede Doğru Önceliklendirme
PageSpeed Insights raporu onlarca öneri sıralar; hepsini aynı anda yapmaya çalışmak hem yorucu hem verimsizdir. Akıllı yaklaşım, en yüksek etkiyi en az çabayla verecek düzeltmelerle başlamaktır. Genellikle ilk sırada görsel optimizasyonu gelir; çünkü çoğu sitede sayfa ağırlığının büyük kısmını görseller oluşturur ve buradaki kazanç anında hissedilir. İkinci öncelik, sunucu yanıt süresini (TTFB) ve önbsellekleme yapısını iyileştirmektir; çünkü bu temel yavaşsa diğer tüm optimizasyonların etkisi sınırlı kalır. Üçüncü olarak render'ı engelleyen kaynakları ve gereksiz scriptleri ele alırsınız. Her değişiklikten sonra ölçümü tekrarlayıp etkisini görmek, neyin gerçekten fark yarattığını öğretir. Bu önceliklendirilmiş, ölçüme dayalı yaklaşım; rastgele müdahalelerden çok daha hızlı ve kalıcı sonuç verir. Unutmayın, hedef mükemmel bir skor değil, gerçek kullanıcının akıcı bir deneyim yaşamasıdır.
Alis Dijital ile Hızlı ve Dönüşen Bir Site
Site hızı optimizasyonu, teknik bilgi ve doğru önceliklendirme gerektiren bir süreçtir; yanlış müdahaleler bazen sorunu büyütebilir. Alis Dijital olarak Core Web Vitals iyileştirmesinden altyapı seçimine, görsel optimizasyonundan teknik SEO'ya kadar sitenizi hem Google hem de kullanıcı için hızlandırıyoruz. Ücretsiz site analizi için bizimle iletişime geçin ve hızınızı satışa çevirin.
