Daha hızlı bir web sitesi: nereden başlamalı?

Mobilde yavaş açılan site için önce hangi sayfayı ölçmelisiniz?

Ana sayfanın yanında ziyaretçi alan hizmet, ürün ve form sayfalarından örnekler seçin. Sorunun ilk açılışta mı, butona dokununca mı yoksa içerik kayarken mi yaşandığını kaydedin. Aynı sayfayı farklı cihaz ve ağ koşullarında görmek, sorunu yalnızca bir bilgisayarın deneyimine göre yorumlamanızı önler.

LCP ana içeriğin yüklenmesine, INP etkileşime yanıta, CLS ise beklenmeyen yerleşim kaymalarına odaklanır. Gerçek kullanıcı verisi bulunmadığında laboratuvar testleri yine teşhis için kullanılabilir; ancak iki veri türünün aynı şeyi ölçtüğü varsayılmamalıdır. Optimizasyonun ardından form, sepet ve oturum akışlarını da yeniden kontrol edin.

Ölçüm, tahminden daha yararlıdır

Aynı sayfa güçlü bir masaüstü cihazda hızlı görünürken mobil bağlantıda yavaş açılabilir. Bu nedenle başlangıç ölçümünü cihaz, ağ ve sayfa türü bilgileriyle birlikte kaydedin. Laboratuvar ölçümleri ile gerçek kullanıcı verilerinin farklı soruları yanıtladığını unutmayın.

İlk ekrandaki yükü azaltın

Görselleri görüntülendikleri boyuta uygun sunmak, modern formatları kullanmak ve ekran dışındaki görselleri ihtiyaç anında yüklemek temel adımlardır. İlk ekrandaki ana görseli ise gereksiz yere geciktirmeyin.

Fontlarda yalnızca gereken aile ve ağırlıkları yükleyin. Kullanılmayan bileşenlerin JavaScript kodunu ilk sayfaya göndermemek de etkileşime hazır olma süresini iyileştirebilir.

Önbelleği içeriğe göre planlayın

Bir blog yazısı ile müşterinin sipariş ekranı aynı önbellek politikasına sahip olmamalıdır. Herkese açık içerik uygun sürelerle önbelleğe alınabilir; kullanıcıya özel yanıtlar ortak önbelleğe girmemelidir.

Yapılan değişikliklerin etkisini aynı koşullarda yeniden ölçün. Tek bir puanı hedeflemek yerine açılış, etkileşim ve görsel kararlılık üzerinde kalıcı iyileştirmeler arayın.