WEB SİTESİ HIZI OPTİMİZASYONU: GOOGLE CORE WEB VITALS REHBER

Web Sitesi Hızı Neden İş Sonucudur?

Hız optimizasyonu yalnızca teknik bir puan yükseltme çalışması değildir. Yavaş açılan sayfa ziyaretçinin ürünü görmesini, formu doldurmasını veya satın alma adımına geçmesini engeller. Google araştırmasına göre mobil sayfanın yüklenme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma olasılığı yüzde 32, 5 saniyeye çıktığında yüzde 90 artar. Bu nedenle performans; kullanıcı deneyimi, dönüşüm ve organik görünürlükle birlikte değerlendirilmelidir.

Core Web Vitals: Güncel Üçlü

LCP: Ana içeriğin görünmesi

Largest Contentful Paint, görünür alandaki en büyük metin veya görsel öğesinin ne zaman çizildiğini ölçer. İyi deneyim hedefi 2,5 saniye veya altıdır. Büyük kahraman görseli, yavaş sunucu yanıtı, render engelleyen CSS ve istemci tarafında geç üretilen içerik LCP’yi kötüleştirebilir.

INP: Etkileşime verilen yanıt

Interaction to Next Paint, kullanıcının tıklama, dokunma veya klavye etkileşimleri sonrasında sayfanın görsel yanıt üretme gecikmesini değerlendirir. İyi hedef 200 milisaniye veya altıdır. Mevcut kısa içerikte geçen FID, geçmişte kullanılan ölçümdür; güncel Core Web Vitals değerlendirmesinde yerini INP’ye bırakmıştır. Uzun JavaScript görevleri, ağır üçüncü taraf betikleri ve verimsiz olay işleyicileri başlıca sorunlardır.

CLS: Görsel kararlılık

Cumulative Layout Shift, sayfa yüklenirken beklenmedik yer değiştirmeleri ölçer. İyi hedef 0,1 veya altıdır. Boyutu tanımlanmamış görseller, sonradan açılan reklam alanları ve geç yüklenen fontlar kullanıcının yanlış öğeye tıklamasına neden olabilir.

Önce Ölçün, Sonra Müdahale Edin

1. Temsilî sayfaları seçin: Ana sayfa, hizmet, blog, kategori ve ürün gibi farklı şablonları ayrı test edin.
2. Alan verisini inceleyin: Search Console ve gerçek kullanıcı verileri, ziyaretçilerin yaşadığı deneyimi gösterir.
3. Laboratuvar testini kullanın: PageSpeed Insights veya Lighthouse, sorunları kontrollü ortamda tekrar etmeye yardımcı olur.
4. Darboğazı sınıflandırın: Sunucu, görsel, CSS, JavaScript, font veya üçüncü taraf kaynaklardan hangisinin etkili olduğunu belirleyin.
5. Tek değişkenle ilerleyin: Her önemli değişiklikten sonra yeniden ölçerek etkinin kaynağını doğrulayın.

Soruna Göre Optimizasyon Reçetesi

Sunucu yanıtı yavaşsa

• Sayfa ve nesne önbelleğini etkinleştirin.
• Veritabanı sorgularını, eklentileri ve uygulama loglarını inceleyin.
• SSD tabanlı, yeterli kaynak sunan ve doğru yapılandırılmış Nginx veya LiteSpeed altyapısı değerlendirin.
• Uygun içerikleri CDN üzerinden kullanıcıya yakın noktadan sunun.

Görseller ağırsa

• Görseli gösterileceği boyutta üretin; masaüstü görselini mobilde küçülterek sunmayın.
• Uygun kaliteyle WebP veya desteklenen modern formatları kullanın.
• İlk ekrandaki ana görseli önceliklendirin, ekran altındaki görsellere lazy loading uygulayın.
• Genişlik ve yükseklik değerlerini belirleyerek sayfa kaymasını önleyin.

JavaScript ve CSS yoğunsa

• Kullanılmayan kodu ve gereksiz eklentileri kaldırın.
• Dosyaları küçültün; birleştirme kararını HTTP/2 veya HTTP/3 yapısına göre test edin.
• Kritik CSS’yi önceliklendirin, gerekli olmayan betikleri geciktirin.
• Canlı destek, reklam ve analiz betiklerinin iş değerini performans maliyetiyle karşılaştırın.

Örnek Teşhis: Yavaş Açılan Hizmet Sayfası

Bir hizmet sayfasında LCP öğesi 2 MB büyüklüğünde bir kapak görseliyse önce görsel doğru boyuta indirilip sıkıştırılır. Ardından sunucu yanıtı ve kritik CSS kontrol edilir. Buna karşın ana sorun uzun JavaScript görevleriyse yalnızca CDN eklemek INP’yi düzeltmez. Her metriği kendi nedenine göre ele almak, rastgele optimizasyon listesinden daha etkilidir.

Yayın Sonrası Kontrol Listesi

• Mobil ve masaüstü şablonları gerçek cihazlarda deneyin.
• Form, menü, sepet ve çerez panelinin etkileşim gecikmesini kontrol edin.
• Önbellek temizlendikten sonra sayfanın hatasız çalıştığını doğrulayın.
• Görsel kalite, font görünümü ve analitik ölçümün bozulmadığını inceleyin.
• Core Web Vitals alan verisinin zaman içinde oluştuğunu unutmayın ve düzenli izleyin.

Performans bütçesi belirlemek de yararlıdır. Yeni özellikler yayına alınırken sayfa ağırlığı, betik süresi ve temel metrikler kabul edilen sınırlarla karşılaştırılmalıdır.

Sık Sorulan Sorular

Yüksek PageSpeed puanı satış garantiler mi?

Hayır. Puan teknik kaliteyi değerlendirmeye yardımcı olur; teklif, içerik, kullanılabilirlik ve güven de dönüşümü belirler.

Performans analizi için nasıl ulaşabilirim?

Owercome Technology ile sayfa şablonları ve gerçek darboğazlar üzerinden değerlendirme yapmak için muharrem.kahraman@owercome.com adresine yazılabilir.