Site Hızı Metriklerimizin Skorlarını Artırmak

Site Hızı Metriklerimizin Skorlarını Artırmak

Google tarafından en çok değer verilen kriterlerden bir tanesi hız olmaktadır. Siteleri hızlı hale getirmek için Site Hızı Metriklerimizin Skorlarını Artırmak gerekmektedir. Google bazı sorulara cevap verilmesini ister.

• Gezinim gerçekleşiyor mu?
• Gezinmenin başarı ile başlatılıp başlatılmadığı sorgulanır. Sunucunun vereceği yanıtlar belirlenir.
• Gezinme faydalı bir şekilde yapılıyor mu?
• Kullanıcıların etkileşim sağlayacakları içeriklerin yeterli olup olmadığı kontrol edilir.
• Gezinim kullanılabilir mi?
• Kullanıcıların sayfa ile etkileşim kurması mümkün mü?
• Kullanıcı deneyimleri nasıl?
• Etkileşimler doğal bir şekilde mi yapılıyor? Gecikmeler yaşanıyor mu?

Site Hızı Metriklerimizin Skorlarını Artırmak ve Ölçümlenmesi

Google tarafından yukarıdaki sorulara verilen cevaplar da ölçümleme konusunda işimize yaramaktadır. Google bu ölçümlemelerin yapılabilmesi için pagespeedinsight ve beta olan lighthouse 6 üstünden bazı metrikler sunmaktadır.

Sayfa henüz yüklenmeye başlamadan evvel sayfanın içeriği ile ilgili herhangi bir bölüm için ekranda geçen süre ölçümlenmektedir. Şayet FCP zamanlaması olarak 0 ila 2 saniye aralığında olduğunda yeşil, 2 ila 4 arasında olduğunda da turuncu ve 4 saniye üzerinde olduğunda kırmızı renk olarak görülmektedir.

FCP Hesaplamasında Kullanılmış Olan Rehber Maddeler

Renderblocking sağlamak konusunda başarılı olan kaynakların ortadan kaldırılması

CCS’nin küçültülmesi

Kullanılmayan CCS’lerin ortadan kaldırılması

Sunucu yanıt sürelerinin azaltılması

Ağ yüklerinden kaçınılması

Statik varlıkların ön bellek vasıtası ile verilmesi

Kritik isteklerin en aza indirilmesi

İstek sayılarının düşük olması ve aktarım boyutlarının küçültülmesi

Kullanılmış olan rehber maddelerin büyük çoğunluğu ise css önleme süreleri, sunucu yanıt süreci, varlık, alt kaynak yükleme süreleri olmaktadır.

TTI Hesaplamasında kullanılan rehber maddeler ise;

• Java script’in küçültülmesi
• DNS prefetch, preconnect kullanılması
• Preload kullanımı
• Üçüncü part kodların azaltılması
• Kritik isteklerin en aza indirilmesi
• İstek sayılarının düşürülmesi ve aktarım boyutlarının küçültülmesi
• Toplam engelleme süreleri

Part kodlarının azaltılması, java yüklerinin azaltılması, istek sayılarının azaltılması, kümülatif düzenin kaydarılması gibi sayfanın yüklenmeye başlaması ve yaşam döngüsü arasında düzen kayması meydana gelmektedir. Metrik esnasında herhangi bir tuşa basılacağı sırada bir anda yüklenilme kaynaklı olan yeni tuşlar da gelmektedir.