Web sitesi hızlandırma: ölçümden iyileştirmeye kontrol listesi

Bir puandan fazlasını ölçün

Laboratuvar testi, belirli cihaz ve ağ koşullarında tekrar edilebilir bir ölçüm sağlar. Gerçek kullanıcı verisi ise ziyaretçilerin yaşadığı deneyimi yansıtır. İkisini birlikte değerlendirin; tek bir masaüstü testi mobil kullanıcıların tamamını temsil etmez.

Google’ın Core Web Vitals çerçevesinde iyi deneyim hedefleri LCP için 2,5 saniye veya daha az, INP için 200 milisaniye veya daha az, CLS için 0,1 veya daha azdır. Değerlendirmede ziyaretlerin 75. yüzdelik dilimi kullanılır. Bu hedefler tek başına arama sıralaması garantisi değildir.

İlk görünen içeriği hafifletin

Sayfanın üst bölümündeki büyük görsel LCP öğesiyse uygun boyutta ve sıkıştırılmış dosya kullanın. Kullanıcının ekranından çok daha büyük görsel indirmek gereksiz trafik yaratır. Görsellerin genişlik ve yükseklik bilgisini tanımlamak yerleşim kaymalarını azaltmaya yardımcı olur.

İlk ekrandaki ana görseli gecikmeli yüklemek görünmesini geciktirebilir. Ekranın aşağısındaki görsellerde ise gecikmeli yükleme uygun olabilir. Hangi öğenin LCP olduğunu ölçüm aracından doğrulayın; tahminle bütün görselleri aynı şekilde işaretlemeyin.

JavaScript ve üçüncü tarafları gözden geçirin

Kullanılmayan kütüphaneleri ve aynı işi yapan eklentileri kaldırın. Sohbet kutusu, reklam etiketi ve dışarıdan yüklenen araçların maliyetini ayrı ölçün. Bir butona tıklanınca uzun süren işler kullanıcı etkileşimini geciktirebilir.

İçeriğin okunması ve temel gezinme için gereksiz JavaScript bağımlılığı oluşturmayın. Ağ bağlantısı yavaşken ve düşük güçlü bir cihazda menü, form ve hesaplayıcı akışlarını sınayın. Sadece ilk yükleme hızına bakmak yetmez.

Sunucu ve önbelleği uygulamaya göre ayarlayın

Sunucu yanıtı yavaşsa veritabanı sorgularını, dış API beklemelerini ve disk kullanımını inceleyin. Değişmeyen içerik önbelleğe alınabilir; kullanıcıya özel sepet veya hesap bilgileri ortak önbelleğe girmemelidir. Önbellek sonrası veri güncelliğini de kontrol edin.

Her değişiklikten sonra aynı koşullarda tekrar ölçün ve işlevsel kontrolleri çalıştırın. Hız uğruna çalışan bir formu veya analizi bozmayın. Kampanya ziyaretçisinin sonraki adımı için açılış sayfası rehberini de kullanabilirsiniz.

Öncesi ve sonrası ölçüm kaydını hazırlayın

Bir optimizasyonu değerlendirmek için test adresi, cihaz profili, ağ koşulu ve ölçüm zamanını kaydedin. Ana sayfa kadar yoğun görselli bir rehberi ve form içeren bir sayfayı da seçin. Farklı sayfa türlerinin dar boğazları aynı olmayabilir.

İlk ölçümde önbelleğin boş, ikinci ölçümde dolu olması sonucu değiştirebilir. İki koşulu ayrı adlandırın ve aynı koşulların sonuçlarını karşılaştırın. Tek denemenin sıra dışı değerine göre karar vermek yerine birkaç ölçümdeki genel davranışı inceleyin.

Değişiklik kaydına neyin kaldırıldığını veya düzenlendiğini yazın: küçültülen görsel, ertelenen kod veya iyileştirilen sorgu gibi. Ardından menüyü, formu ve indirme bağlantısını kullanın. Bir hız iyileştirmesinin yayına kabulü, hem performans ölçümünü hem de ziyaretçinin görevini tamamlayabilmesini kapsamalıdır.