Ücretsiz analiz iste

Web Tasarım

Web Tasarım Hız ve Core Web Vitals

Mevcut sitenin hız çalışması: görsel optimizasyonu, kod hafifletme, betik yönetimi ve sunucu yanıt süresi.

Numaranızı bırakın, aynı gün dönüp ücretsiz analizinizi yapalım.

Web Tasarım Hız ve Core Web Vitals

Site hızı hem bir sıralama sinyali hem doğrudan gelir kalemidir. Yavaş açılan sayfa, reklamla getirdiğiniz ziyaretçiyi de organik ziyaretçiyi de kaybettirir. Acil ihtiyaç aramalarında üç saniye gecikme, müşterinin bir sonraki firmaya geçmesi demektir.

Hangi ölçütler iyileştiriliyor?

  • LCP: Ana içeriğin görünür olma süresi; 2,5 saniyenin altı iyi kabul edilir
  • INP: Tıklamaya tepki süresi; 200 milisaniyenin altı iyi kabul edilir
  • CLS: Yükleme sırasında ögelerin kayması; 0,1’in altı iyi kabul edilir

Bu ölçütler gerçek kullanıcı verisinden hesaplanır. Test aracında iyi görünen bir site gerçek ziyaretçilerde kötü sonuç verebilir; ikisini birlikte değerlendiriyoruz.

Çalışma neyi kapsıyor?

  • Görsellerin yeniden boyutlandırılması ve modern biçimlere dönüştürülmesi
  • Ekran altındaki görsellere gecikmeli yükleme
  • Kullanılmayan CSS ve JavaScript kodunun kaldırılması
  • Kritik stillerin sayfa içine alınması, gerisinin ertelenmesi
  • Üçüncü taraf betiklerin gözden geçirilmesi ve geciktirilmesi
  • Tarayıcı ve sunucu önbelleğinin yapılandırılması
  • Sunucu yanıt süresi ve veritabanı sorgularının incelenmesi
  • Düzen kaymasına yol açan ögelerin düzeltilmesi
  • Web font yükleme biçiminin optimize edilmesi

En büyük kazanç nerede?

İncelediğimiz sitelerde sıralama neredeyse hep aynı: görseller, üçüncü taraf betikler, sunucu yanıt süresi ve en son kod düzeyinde optimizasyon.

Görsel optimizasyonu tek başına çoğu sitede toplam kazancın büyük bölümünü sağlar. 3000 piksel genişliğindeki bir fotoğrafın 400 piksellik alanda gösterilmesi, en yaygın ve en kolay düzeltilebilen sorundur.

Üçüncü taraf betikler neden ağır?

Canlı destek, ısı haritası, sosyal medya gömüsü, birden çok analiz aracı ve reklam pikselleri tek tek küçük görünür; toplamda sayfanın en ağır yükü hâline gelir. Üstelik başka sunuculardan yüklendikleri için onların yavaşlığı sizin sayfanızı yavaşlatır.

Gerçekten kullanılmayan araçlar kaldırılır, kritik olmayanlar kullanıcı etkileşiminden sonra yüklenir, etiketler tek noktadan yönetilir. Çerez rızası kurulu bir sitede bu betikler zaten rıza öncesi yüklenmemelidir; bu hem mevzuat hem hız açısından kazanç sağlar.

Şablon bazlı çalışmak neden daha verimli?

Search Console’daki Core Web Vitals raporu sayfaları gruplayarak gösterir. Sorun genelde tek bir sayfada değil, bir şablondadır: tüm ürün sayfaları, tüm blog yazıları veya tüm kategori sayfaları.

Tek sayfayı düzeltmek yerine şablonu düzeltmek, yüzlerce sayfayı aynı anda iyileştirir. Bu yüzden çalışmaya sayfa bazında değil şablon bazında yaklaşıyoruz.

Ne kadar sürer, sonuç ne zaman görünür?

Çalışma sitenin durumuna göre 3–7 iş günü sürer. Hızdaki iyileşme anında ölçülebilir; ancak Core Web Vitals verisi 28 günlük bir pencerede toplandığı için raporlara yansıması birkaç hafta alır. Dönüşüm oranındaki etki genelde daha hızlı görülür.

Düzen kayması nasıl önleniyor?

Sayfa yüklenirken içeriğin zıplaması hem rahatsız edicidir hem yanlış tıklamalara yol açar. Başlıca sebepler ve çözümleri:

  • Boyutu belirtilmemiş görsel ve gömülü içerikler — genişlik ve yükseklik tanımlanır
  • Sonradan yüklenen reklam alanları — yer tutucu alan ayrılır
  • Web fontların geç yüklenmesi — yedek font ölçüsü yakın seçilir
  • Sonradan eklenen bildirim çubukları — sayfa akışını itmeyecek şekilde konumlandırılır

Çerez bildirimi, canlı destek ve çağrı çubuğu aynı anda devreye girdiğinde mobilde ekranın alt yarısı kullanılamaz hâle gelebilir; bu ögelerin birlikte nasıl göründüğü gerçek cihazda test edilir.

Ölçüm hangi araçlarla yapılıyor?

Üç kaynağı birlikte kullanıyoruz. PageSpeed Insights hem laboratuvar hem gerçek kullanıcı verisini gösterir. Search Console’daki rapor sayfaları gruplayarak sorunlu şablonları ortaya çıkarır. Tarayıcının performans sekmesi ise hangi dosyanın ne kadar beklettiğini adım adım gösterir.

Ölçümü mobilde yapmak esastır. Masaüstü sonuçları neredeyse her zaman daha iyidir ve gerçek kullanıcı deneyimini yansıtmaz. Çalışma öncesi ve sonrası ölçümleri kaydedip karşılaştırmalı olarak paylaşıyoruz.

Sık sorulan sorular

Önbellek eklentisi kurmam yeterli değil mi?

Kısmi iyileşme sağlar ama kök sebebi çözmez. Optimize edilmemiş görseller ve gereksiz betikler yerinde duruyorsa önbellek yalnızca tekrar ziyaretlerde işe yarar; ilk ziyaret deneyimi değişmez.

PageSpeed puanım 100 olmalı mı?

Hayır. Puan bir gösterge, hedef değil. Asıl bakılması gereken gerçek kullanıcı verisidir. Puanı yükseltmek için işlevden ödün vermek genelde zarar getirir.

Barındırmam yavaş, değiştirmem gerekir mi?

Sunucu yanıt süresi yüksekse diğer iyileştirmeler sınırlı kalır. Önce sunucu ayarları ve PHP sürümü kontrol edilir; yine de yeterli olmuyorsa barındırma değişikliği önerilir.

Nasıl başlıyoruz?

Sitenizi mobil modda ölçüp Core Web Vitals durumunu ve en yüksek etkili düzeltmeleri çıkarıyoruz. Rapordaki ilk iki üç madde genelde toplam kazancın büyük bölümünü oluşturuyor.

Teslim süreleri içerik hazırlığına ve revizyon turlarına bağlı olarak değişir. Site tamamlandığında kaynak kod ve panel erişimi size devredilir; alan adı ve barındırma hesapları işletmeniz adına açılır.

Bu hizmete ihtiyacınız var mı, birlikte bakalım

Ücretsiz analizde mevcut durumunuzu ölçüp ne yapılması gerektiğini yazılı gönderiyoruz.