Web Tasarım

Core Web Vitals: Sitenizi Hızlandırmanın Pratik Yolları

Sayfa hızı hem kullanıcı deneyimini hem sıralamanızı doğrudan etkiler. Uygulaması kolay ve etkisi yüksek iyileştirmeleri derledik.

Core Web Vitals; yükleme performansı (LCP), etkileşim gecikmesi (INP) ve görsel kararlılık (CLS) olmak üzere üç metrikten oluşur. Bu metrikler hem Google sıralama sinyalleri arasında yer alır hem de doğrudan dönüşüm oranını etkiler.

LCP’yi iyileştirmek

  • Hero görselini WebP/AVIF formatında ve doğru boyutta sunun
  • İlk ekrandaki görsele fetchpriority="high" ekleyin
  • Kritik CSS’i satır içinde verin, geri kalanını ertelenmiş yükleyin
  • Sunucu yanıt süresini (TTFB) 600 ms altına indirin
  • CDN kullanın

INP’yi iyileştirmek

  • Uzun süren JavaScript görevlerini parçalara bölün
  • Üçüncü taraf scriptleri erteleyin veya kaldırın
  • Etkinlik dinleyicilerinde ağır işlemlerden kaçının
  • Gereksiz kütüphaneleri projeden çıkarın

CLS’yi iyileştirmek

  • Tüm görsellere genişlik ve yükseklik değeri verin
  • Reklam ve gömülü içerik alanları için yer ayırın
  • Web fontlarını font-display: swap ile yükleyin
  • İçeriği mevcut içeriğin üzerine değil altına ekleyin

Ölçüm araçları

Laboratuvar verisi için Lighthouse ve PageSpeed Insights, saha verisi için Search Console’daki Core Web Vitals raporu ve CrUX verilerini kullanın. Kararlarınızı laboratuvar değil saha verisine göre verin.

Özet

Bu konuda desteğe ihtiyaç duyarsanız Diva Yazılım ekibi olarak ücretsiz bir keşif görüşmesiyle mevcut durumunuzu değerlendirip size özel bir yol haritası hazırlayabiliriz.

Bu yazıyı paylaşın

İlgili Yazılar

WhatsApp Destek