Önce gerçek kullanıcı deneyimini ölçün

Laboratuvar testleri sorunları bulmak için faydalıdır; gerçek kullanıcı verileri ise farklı cihaz ve bağlantılardaki deneyimi gösterir. İki veri türü birlikte değerlendirilmelidir.

Yalnızca tek bir skorun peşinden gitmek yerine kullanıcıların hangi sayfalarda yavaşlık yaşadığı belirlenmelidir.

LCP için ana içeriği hızlı gösterin

İlk ekrandaki büyük görsel, font ve CSS kaynakları gecikirse kullanıcı sayfayı boş görür. Hero görselini doğru boyutta sunmak ve kritik kaynakları önceliklendirmek gerekir.

• Hero görselini uygun ölçü ve formatta kullanın
• Kritik CSS’i geciktirmeyin
• Gereksiz büyük slider ve videolardan kaçının
• Sunucu yanıt süresini kontrol edin

INP için ağır JavaScript yükünü azaltın

Menü, form ve butonların geç tepki vermesi çoğu zaman ana iş parçacığını meşgul eden scriptlerden kaynaklanır. Kullanılmayan kütüphaneler ve üçüncü taraf kodlar gözden geçirilmelidir.

Etkileşim kodları küçük parçalara ayrılmalı ve ihtiyaç anında çalıştırılmalıdır.

CLS için sayfa yerleşimini sabitleyin

Görsel ve iframe boyutları belirtilmediğinde içerik yüklenirken sayfa kayabilir. Font geçişleri ve sonradan açılan bannerlar da yerleşim değişimine neden olabilir.

Görseller için genişlik-yükseklik oranı ayrılmalı ve dinamik alanlar önceden planlanmalıdır.

Cache ve sunucu ayarlarını içerikle birlikte düşünün

Tarayıcı önbelleği, sıkıştırma ve CDN faydalıdır; ancak ağır tema, gereksiz sorgular ve büyük görseller düzeltilmeden tek başına yeterli olmayabilir.

Nademsoft teknik destek sürecinde ön yüz, sunucu, veritabanı ve üçüncü taraf kodları birlikte inceler.