Performans ve Erişilebilirlik
Web sitesi hızını ölçmeye giriş
Hız tek bir puandan ibaret değildir. Laboratuvar testleri belirli koşulları simüle ederken gerçek kullanıcı verileri ziyaretçilerin yaşadığı deneyimi yansıtır.
Rehberi okuyun ↗︎BİLGİ MERKEZİ
Kategori: Performans ve Erişilebilirlik
Web tasarım, WordPress, SEO ve yerel görünürlük üzerine uygulanabilir bilgiler.
Performans ve Erişilebilirlik
LCP için ilk ekran görselini optimize etme
İlk ekrandaki büyük görsel sayfanın algılanan yüklenmesini etkileyebilir. Görselin doğru boyutta ve öncelikte sunulması gereksiz beklemeyi azaltmaya yardımcı olur.
Rehberi okuyun ↗︎
Performans ve Erişilebilirlik
CLS ve sayfa kaymalarını azaltma
Sayfa yüklenirken butonların ve metinlerin yer değiştirmesi kullanıcıyı yanlış yere tıklatabilir. Görsel alanlarının önceden ayrılması bu kaymaların bir kısmını önler.
Rehberi okuyun ↗︎
Performans ve Erişilebilirlik
INP ve etkileşim gecikmeleri
Bir menüye dokunulduğunda yanıt gecikiyorsa sorun yalnızca ağ hızından kaynaklanmayabilir. Ağır JavaScript işlemleri tarayıcının etkileşime cevap vermesini geciktirebilir.
Rehberi okuyun ↗︎
Performans ve Erişilebilirlik
Web görsellerinde boyut ve format seçimi
Çok büyük görseller küçük alanlarda gösterildiğinde ziyaretçi gereksiz veri indirir. Format seçimi kadar gerçek piksel boyutu ve sıkıştırma düzeyi de önemlidir.
Rehberi okuyun ↗︎
Performans ve Erişilebilirlik
Lazy loading ne zaman kullanılmalı?
Ekran dışında kalan görselleri gecikmeli yüklemek başlangıç maliyetini azaltabilir. Ancak ilk ekranda hemen görülmesi gereken ana görsellerin geciktirilmesi ters etki oluşturabilir.
Rehberi okuyun ↗︎
Performans ve Erişilebilirlik
Klavye ile kullanılabilir web sitesi
Fare kullanmadan menü, buton ve bağlantılara erişilebilmesi temel bir kullanım ihtiyacıdır. Görünür odak işareti, kullanıcının sayfada nerede olduğunu anlamasını sağlar.
Rehberi okuyun ↗︎
Performans ve Erişilebilirlik
Alternatif metin nasıl yazılır?
Alternatif metin görselin bağlamdaki anlamını aktarır. Her fotoğrafa hizmet kelimesi eklemek yerine görüntüde önemli olan bilgi açıklanmalıdır.
Rehberi okuyun ↗︎
Performans ve Erişilebilirlik
Erişilebilir slider tasarlama
Otomatik hareket eden alanlar bazı kullanıcıların içeriği okumasını zorlaştırabilir. Slider denetimleri anlaşılır olmalı ve kullanıcı hareketi kontrol edebilmelidir.
Rehberi okuyun ↗︎
Performans ve Erişilebilirlik
Önbellek sonrası değişiklikler görünmüyorsa
Önbellek hız sağlar, ancak eski stil veya script dosyaları tasarım güncellemesinin görünmesini geciktirebilir. Önbellek katmanlarını ayırarak incelemek gerekir.
Rehberi okuyun ↗︎