Önemli Web Verileri: Web Sitenizin İlk Giriş Gecikmesini (FID) Nasıl İyileştirirsiniz?

Ziyaretçilerinize yüksek performanslı bir web sitesi deneyimi sağlamak , işinizi büyütmek için çok önemlidir. Bu nedenle, muhtemelen sayfa yükleme sürenizi mümkün olduğunca düşük tutmak için optimize etmek için çok zaman harcarsınız. Ancak, web sitenizin ne kadar hızlı olduğunu ölçerken dikkat etmeniz gereken tek ölçüm sayfa yükleme süresi değildir . En büyük içerikli boyama (LCP) ve kümülatif düzen kayması (CLS) ile birlikte, ilk giriş gecikmesi (FID), Google'ın Önemli Web Verilerinin önemli bir bileşenidir ve genellikle gözden kaçan bir şeydir.

FID, bunun neden bu kadar önemli bir metrik olduğu ve sitenizin FID'sini nasıl iyileştirip bu süreçte daha iyi bir kullanıcı deneyimi (UX) sunabileceğiniz hakkında daha fazla bilgi edinmek için okumaya devam edin.

FİD nedir?

Google , Chrome Kullanıcı Deneyimi Raporu'nun bir parçası olarak 2020'de FID, LCP ve CLS'yi yayınladı . Amaç, Google'ın algoritmasının bir web sitesinin UX'inin kalitesini ve SEO için ne kadar yüksek sıralanması gerektiğini belirlemesine ve web sitesi tasarımcılarına ve geliştiricilerine kaliteli web siteleri dağıtmalarına yardımcı olmaktı.

FID (giriş gecikmesi olarak da bilinir), web tarayıcılarının bir web sayfasında ziyaretçi tarafından başlatılan bir eylemi işlemeye başlaması için geçen süredir. Temel olarak, FID bir yanıt verme ölçümüdür: web tarayıcılarının, bağlantı tıklamaları, düğme tıklamaları ve bir ziyaretçi tarafından başlatıldıktan sonra sayfadaki JavaScript destekli diğer öğelerle etkileşimler gibi işlemleri başlatması – bitirmemesi – ne kadar sürer.

FID Web Sitenizi Nasıl Etkiler?

Ziyaretçiler, web sayfalarıyla etkileşim kurarken hızlı ve akıcı bir deneyim bekler. Google'a göre, 100 milisaniye veya daha kısa bir FID neredeyse tanınmaz. Bu nedenle, web tarayıcılarının işlemleri işlemeye başlaması yalnızca 100 milisaniye veya daha kısa sürerse, ziyaretçilere anında hissettirecektir.

Bazı web sayfalarının FID'si çok daha yüksektir. Ve bir web sayfasının FID'si ne kadar yüksekse; bir eylemi gerçekleştirdikten sonra ziyaretçilerin daha uzun süre beklemesi gerekecektir. Aşırı uzun bir gecikme, ziyaretçilerin web tarayıcılarının işlemeye başlamasını beklemek yerine siteyi terk etmelerine neden olabilir. Ziyaretçilere hızlı ve akıcı bir deneyim sağlamak için web sitenizin düşük FID'lere ihtiyacı var.

Daha önce belirtildiği gibi, FID, Google'ın Önemli Web Verilerinin bir bileşenidir – yani web sitenizin organik arama sıralamalarını etkileyebilir. FID, LCP ve CLS artık önemli sıralama sinyalleridir ve artık yüksek FID puanlarını kötü bir sayfa deneyiminin işareti olarak görmektedir ve bu da Google'ın web sitenizi rakiplerinizin altında sıralamaya başlamasına neden olabilir.

Google, 100 ms veya daha düşük bir FID puanını iyi olarak değerlendirir . Bu arada, 100 ile 300 ms arasında bir puan iyidir ve iyileştirilmesi gerekir ve 300 ms'nin üzerinde bir puan zayıftır .

Devam et ve kendin kontrol et. FID'nizi ölçmek için Google PageSpeed ​​Insights'ı kullanın . Kullanımı tamamen ücretsizdir ve sonuçlar sizi şaşırtabilir! FID puanınız Saha Verileri bölümünde bulunabilir.

FID Puanınızı Optimize Etme

Artık bir FID puanının ne olduğunu (ve FID puanınızın ne olduğunu) anladığınıza göre, puanınızı nasıl iyileştirebileceğinize bir göz atalım. İşte Pressable'daki ekibimizden birkaç ipucu .

Daha Az WordPress Eklentisi Kullanın

WordPress web sitenizin kullandığı eklenti sayısı , FID'lerini etkileyecektir. Birçok web uygulaması ve eklentisi JavaScript tarafından desteklenmektedir ve JavaScript, web tarayıcılarında gecikmeli yanıtlara neden olabilir.

Bir web tarayıcısı, ziyaretçi bir düğmeyi tıkladığında hala bir eklentinin JavaScript'ini yürütüyorsa, ziyaretçinin eylemini hemen işlemez. Bunun yerine, web tarayıcısı tüm JavaScript'in tamamen yürütülmesini bekleyecek ve web sayfası için daha yüksek bir FID ile sonuçlanacaktır. Daha az WordPress eklentisi kullanmak , işlemesi gereken JavaScript miktarını azaltarak web sitenizin FID'lerini iyileştirebilir.

Uzun Süreli JavaScript Görevlerini Tanımlayın

FID'niz yüksek taraftaysa, web sitenizde uzun süredir devam eden JavaScript görevlerini belirlemeyi deneyin. Bazı JavaScript görevleri, kaçınılmaz olarak diğerlerinden daha uzun süre çalışacaktır. Bununla birlikte, tek gereken, bir web sayfasının FID'sini artırmak için uzun süredir devam eden tek bir JavaScript görevidir.

PageSpeed ​​Insights'ı kullanarak uzun süredir devam eden JavaScript görevlerini belirleyebilirsiniz . Bir web sayfasının URL'sini girdikten sonra, Teşhis altındaki "Uzun ana iş parçacığı görevlerinden kaçının" düğmesini tıklayın. Bu uzun süredir devam eden JavaScript görevlerini kaldırmak veya optimize etmek, web sayfasının FID'sini önemli ölçüde etkilemelidir.

Eşzamansız JavaScript kullanın

Eşzamansız JavaScript kullanmak, web sitenizin FID'lerini iyileştirebilir. JavaScript eşzamanlı veya eşzamansız olarak yüklenebilir. Eşzamanlı olarak yüklenen JavaScript, web tarayıcılarının her JavaScript görevini ayrı ayrı ve sırayla yürütmesi gerektiği anlamına gelir. Asenkron olarak yüklenen JavaScript ise web tarayıcılarının tüm JavaScript görevlerini birlikte ve paralel olarak yürütebileceği anlamına gelir.

Asenkron JavaScript, async özniteliğinin kullanılmasını gerektirir. Bir JavaScript göreviyle zaman uyumsuz özniteliği kullandığınızda, web tarayıcıları onu yürütmek için beklemez. Hâlâ başka JavaScript görevleri gerçekleştiriyor olsalar bile onu hemen çalıştıracaklar. Daha düşük FID'ler için, web tarayıcılarının beklemeden çalıştırabilmesi için eşzamansız JavaScript kullanmayı düşünün.

JavaScript'i ertele

JavaScript'i ertelemek, web tarayıcılarında uzun yanıt gecikmelerini engelleyebilir. Bir JavaScript görevi ertelendiğinde, web tarayıcıları, web sayfası tamamen işlenene kadar onu yürütmez. Önemsiz JavaScript görevleri için erteleme, sayfa deneyiminden ödün vermeden FID'leri iyileştirebilir.

Büyük JavaScript Görevlerini Böl

Web sitenizin FID'lerini iyileştirmenin başka bir yolu da büyük JavaScript görevlerini bölmektir. Büyük JavaScript görevleri, çok fazla kaynak tüketen ve uzun süre çalışan görevlerdir. Bunları her zaman kaldırabilirsiniz, ancak muhtemelen saklamak isteyeceğiniz bazı büyük JavaScript görevleri vardır. Web sitenizin FID'lerini artırmalarını önlemek için bunları bölebilirsiniz.

Büyük JavaScript görevlerini bölmek, kod bölme olarak bilinir. Tek bir devasa JavaScript görevi alabilir ve onu birçok küçük göreve bölebilirsiniz. Daha küçük görevler aynı işlevi görebilirken, FID sorunlarına neden olmazlar. Web tarayıcıları JavaScript kodunu daha hızlı indirebilir ve çalıştırabilir.

Gereksiz CSS Kodunu Kaldırın

Bir veya daha fazla sayfada gereksiz Basamaklı Stil Sayfaları (CSS) kodu varsa, onu kaldırmalısınız. JavaScript, çoğu yüksek FID vakasına neden olur, ancak bu ölçüm için web sayfalarını optimize ederken CSS'yi göz ardı edemezsiniz. Çok fazla CSS kodu, web sayfasının FID'sine zarar vererek benzer bir etkiye sahip olabilir.

Web tarayıcıları CSS kodunu indirmelidir. Bir web sayfası kullanılmayan çok sayıda CSS kodu içeriyorsa, web tarayıcılarının web sayfasını oluşturması daha uzun sürer ve bu da daha yüksek bir FID'ye yol açabilir. Bu nedenle gereksiz ve kullanılmayan CSS kodlarını web sitenizden kaldırmalısınız. CSS kodunu manuel olarak kaldırabilir veya otomatik olarak kaldırmak için purifycss.online gibi ücretsiz bir araç kullanabilirsiniz .

Barındırma Sağlayıcınızla Kontrol Edin

Web sitenizi ince dişli bir tarakla gezdiyseniz ve hala FID puanınızın acı çektiğini düşünüyorsanız, barındırma sağlayıcınızla görüşmeye değer olabilir. Saygın WordPress barındırma sağlayıcıları (Pressable gibi) 7/24 desteğe sahiptir ve fikirler için onlara ulaşmak faydalı olabilir.

Bununla birlikte, bazı WordPress web barındırıcıları, satın aldığınız plan düzeyine bağlı olarak web sitenize minimum düzeyde kaynak ayırır veya performansı düşürür. Bu durumda, FID puanınızda gördüğünüz fazladan milisaniyeler, sunucu seçiminizden kaynaklanıyor olabilir. Durum böyle olursa , doğru yüksek performanslı barındırma planını kurmanıza yardımcı olmak için neler yapabileceğimizi görmek için bugün bizimle iletişime geçmenin tam zamanı .

Sonuç olarak

Yüksek bir FID, kötü bir sayfa deneyiminin işaretidir. Ziyaretçiler, web tarayıcılarının eylemlerini işlemesi daha uzun sürdüğü için yüksek FID'li web sayfalarını kullanmaktan hoşlanmazlar. Web sitenizin FID'lerini iyileştirmek için daha az uygulama ve eklenti kullanmayı deneyin, uzun süredir devam eden JavaScript görevlerini belirleyin, eşzamansız JavaScript kullanın, JavaScript'i erteleyin, büyük JavaScript görevlerini bölün ve gereksiz CSS kodunu kaldırın. Ayrıca, destek ekibinin yardımcı olabilecek herhangi bir içgörüsü olup olmadığını öğrenmek için barındırma profesörünüze ulaştığınızdan emin olun.