Page Experience (Sayfa deneyimi) , tüketici deneyimini bir stratejinin merkezi olarak tanımlayan çoğu modern pazarlama teorisiyle eşleşir. 

Site Hızı

Tarayıcının server ‘a istek gönderip server ‘in bu isteğe cevap vermesindeki geçen süredir.

Page Experience

Page Experience (Sayfa  Deneyimi)

Kullanıcı deneyimi odaklı bir şekilde dönüşüm sağlamaktır. Aynı kalitede içerik sunulduğunda sayfa deneyimi puanınız yüksekse google tarafından daha üst sıralarda çıkarsınız.

corevitals

Page Experience ile Core Web Vital Ölçüm Araçları

  • Page Speed Insights
  • Chrome UX Report
  • Search Console

Page Experience ile Core Web Vital Metrikleri

LCP: Ne kadar hızlı açılıyor?

FID: Ne kadar sürede etkileşime hazır hale geliyor?

CLS: Ne kadar sürede stabil görüntü sunuyor?

LCP (Ne kadar hızlı açıldığı?)

Ekran çözünürlüğüne göre görünen en büyük ögenin en kısa sürede oluşması

  1. Sunucunun yavaş yanıt vermesi
  2. Oluşmayı engelleyen JS ve CSS dosyaları
  3. Yavaş yüklenen kaynaklar
1.Sunucunun yavaş yanıt vermesi
  • sunucunun optimize dilmesi
  • CDN kullanımı
  • Kaynakların yanıtlarının ön belleklenmesi
  • Önemli kaynakların ön yüklenmesi
 2.Oluşmayı engelleyen JS ve CSS dosyaları

Kullanıcının görmesi gereken veya ihtiyacı olan CSS kodlarının öncelikli yüklenmesi demektir. İnline şekilde verilir.

Defer ve Async etiketleri

Async: Html oluşmasını durdurmayarak JS dosyalarıyla beraber oluşmasıdır.

Defer: Html oluşması tamamlandığında JS dosyalarının oluşmasıdır.

3.Yavaş yüklenen kaynaklar
  • Görsellerin optimize edilmesi
  • Önemli kaynakların ön yüklenmesi
  • Gzip gibi metin sıkıştırma algoritmalarının kullanılması
Görsellerin Optimize edimesi
  • Görselleri sayfanın en üstünde kullanmayın
  • Alakasız görselleri kaldırın
  • CDN kullanın
  • Yeni nesil görsel formatları kullanın (WEbP)
  • Responsive görseller kullanın
Önemli Kaynakların Ön yüklenmesi

Css Dosyalarını beklemeden font dosyalarının yüklenmesi gibi örnekler verilebilir.

FID (Ne kadar sürede etkileşime hazır?)

İlk hazırlanmasıyla tamamen hazır hale gelmesi arasındaki süre 100 ms altında olması gerekmektedir

  • JS yürütme süresini düşürün
  • JS dosyalarını sıkıştırın
  • Kullanılmayan JS dosyalarını defer edin

CLS(Ne kadar sürede stabil görüntü sunuyor?)

Kümülatif Düzen Kayması. Bu metrik, ‘kararlı’ öğelerin ekranınıza nasıl yükleneceğini belirlemeye çalışır. Yüklerken eşyaların ne sıklıkta ve ne kadar sıçradığına bakar. Bazen ekrana bir düğmenin yüklenip kullanıcıları tıklamaya davet ettiğini hayal edebilirsiniz. Ancak arka planda hala yüklenmekte olan büyük bir içerik alanı var.

Kümülatif Düzen Kayması, elemanların hareketini belirlemek için çerçeveleri karşılaştırır. Düzen değişimlerinin gerçekleştiği tüm noktaları alır ve bu hareketlerin ciddiyetini hesaplar.

Diğer makalelerimize göz atmak için:

Açılış Sayfaları için SEO ipuçları

SEO Yapmayı Bırakırsanız Ne Olur?