İlk Giriş Gecikmesi (FID): Nedir ve Web Sitenizi Bunun İçin Nasıl Optimize Edebilirsiniz?

Ziyaretçilere hızlı bir deneyim sunmak sitenizin başarısı için kritik öneme sahiptir. Ancak, bunu ne kadar iyi yaptığını ölçmenin birden fazla yolu vardır. Bunlardan biri, bir kullanıcının sitenizle ilk etkileşime girmesi ile tarayıcısının bu işleme yanıt vermesi arasındaki süreyi milisaniye (ms) cinsinden ölçen İlk Giriş Gecikmesidir (FID).

Bu yazıda, FID'nin ne olduğunu ve nasıl ölçüleceğini açıklayacağız. Ayrıca iyi bir FID puanının ne olduğunu tartışacağız ve kendi puanınızı nasıl optimize edebileceğiniz konusunda size yol göstereceğiz. Son olarak, sık sorulan bazı sorularla konuyu kapatacağız. Başlayalım!

Youtube Kanalımıza Abone Olun

İlk Giriş Gecikmesi (FID) Nedir?

Bahsettiğimiz gibi, FID (bazen "Giriş Gecikmesi" olarak da anılır), bir ziyaretçinin sitenizle etkileşime girmesi ile tarayıcısının yanıt vermesi arasında geçen sürenin ms cinsinden ölçümüdür. Bu, Chrome Kullanıcı Deneyimi Raporunda yer alan önemli bir ölçümdür. Ayrıca, Temel Web Verilerinden biridir. Bunlar, Google'ın sitenizin kullanıcı deneyiminin kalitesini (ve dolayısıyla sayfa sıralamasını) belirlemek için kullandığı metriklerdir.

Bu bağlamda, girdi veya etkileşim, çok çeşitli eylemlere atıfta bulunabilir. Örneğin, bir bağlantıya tıklamayı, bir düğmeye basmayı veya bir onay kutusunu seçmeyi içerebilir. Ancak, bir kullanıcı bir sayfayı kaydırdığında veya yakınlaştırdığında FID uygulanmaz, çünkü bunlar tarayıcıları ile web siteniz arasında yeni bir yanıt gerektirmez.

Birkaç farklı faktör bu metriği etkileyebilir. Kullanıcının cihazının hızı ve işlem gücünün etkisi olabilir. Bunu kontrol edemezsin. Ancak, web sayfasının boyutunu ve karmaşıklığını kontrol edebilirsiniz. Daha spesifik olarak, web sitenizin ne kadar JavaScript kullandığını kontrol edebilirsiniz. Örneğin, rastgele bir sırada yüklenen çok sayıda resminiz veya komut dosyanız varsa, tüm süreci yavaşlatabilir ve kullanıcının yanıtını geciktirebilir.

Sitenizin sağlam bir FCP ve LCP'si olsa bile, İlk Giriş Gecikmesi, sitenizin hemen çıkmalarına neden olacak kadar uzun olabilir. Onlara siteniz yanıt vermiyor ve yavaşmış gibi gelebilir.

Özetle, FID, bir sayfanın yüklenirken ne kadar duyarlı olduğunu belirlemek için kullanılır. Belki de açıkçası, bu süreç ne kadar hızlı olursa o kadar iyidir. Bu nedenle, sitenizin FID'sini nasıl ölçeceğinizi ve puanınızı nasıl iyileştireceğinizi bilmek önemlidir.

FID Nasıl Ölçülür

FID puanınızı optimize etmeye başlamadan önce, şu anda nerede olduğunu bilmek önemlidir. İdeal olarak, sağlam bir kullanıcı deneyimi (UX) sağlamak için FID puanınızın 100 ms'nin altında olmasını istersiniz.

100 ms veya daha düşük bir puan iyi olarak kabul edilirken, 100 ile 300 ms arasındaki bir puanın iyileştirilmesi için yer vardır. 300 ms'nin üzerindeki bir FID puanı zayıftır .

FID'nizi ölçmek için Google PageSpeed ​​Insights'ı kullanabilirsiniz:

Bu, sitenizin performansını birçok yönden test eden ücretsiz bir Google aracıdır. Bununla, FID dahil olmak üzere çeşitli temel metrikleri gözlemleyebilirsiniz.

FID'nin bazen ölçülmesinin zor olabileceğini unutmayın. Bunun nedeni, kullanıcı girişi gerektirmesidir. Ancak, sitenizde yakın zamanda kullanıcı etkileşimi olduysa, bu metriği PageSpeed ​​Insights aracılığıyla bulabilmeniz gerekir.

Başlamak için sitenizin URL'sini metin alanına girin ve Analiz et düğmesini tıklayın. Araç sayfanızı analiz etmeyi bitirdiğinde, sizi sonuçlara götürecek ve sitenize genel bir puan verecektir:

İlk Giriş Gecikmesi (FID) metriğini Alan Verileri bölümünde bulabilirsiniz. Biraz daha aşağıda bulunan Fırsatlar bölümünün altında, sayfanızı ve puanlarınızı optimize etmek için öneriler bulabilirsiniz.

Google'ın bu puanları alan verisi olarak gösterdiğini de belirtmek isteriz. Bu, bilgilerin ( laboratuar verileri olarak adlandırılan veya laboratuar araçları aracılığıyla bulunan) simüle edilmiş testler yerine gerçek kullanıcı etkileşimine dayandığı anlamına gelir. FID oldukça özneldir ve kullanıcının gerçek etkileşimleriyle yakından bağlantılıdır, bu nedenle saha verilerini kullandığınızdan emin olmak önemlidir. Simülasyonlar ancak bu kadarını açıklayabilir.

FID Puanınızı Nasıl Optimize Edebilirsiniz?

Artık bir FID puanının ne olduğunu ve onu nasıl ölçebileceğinizi anladığınıza göre, onu gerçekten nasıl iyileştirebileceğinize bakmanın zamanı geldi. Aşağıda, İlk Giriş Gecikmesi sürenizi azaltmak için kullanabileceğiniz birkaç ipucu ve strateji bulunmaktadır.

CSS ve JavaScript Kodunuzu Optimize Edin ve Küçültün

FID puanınızı optimize etmenin en iyi yollarından biri, CSS ve JavaScript kodunuzu sıkıştırıp optimize etmektir. Bunu yapmak dosya boyutlarınızı küçültebilir ve yanıt verme hızını artırabilir. Gereksiz karakterleri, boşlukları ve satır sonlarını kaldırarak dosya boyutunu düşürürsünüz, bu da sayfa hızını artırır ve bir tarayıcının işlemesi gereken işlem sayısını azaltır. Böylece, daha düşük bir FID'niz var.

Divi kullanıcıları, temanın başlangıçtan itibaren HTML, JavaScript ve CSS'yi otomatik olarak küçülttüğünü de bilmelidir. Basitçe temayı etkinleştirmek, FID'nizin eskisinden daha iyi bir konumda olması için tüm bu kodu sıkıştıracaktır.

Divi kullanıcısı değilseniz, kodunuzu küçültmek için birkaç seçeneğiniz vardır. Bunu yapmak için hızlı ve basit bir yaklaşım, Minify Code gibi bir çevrimiçi araç kullanmaktır. Tam boyutlu kodunuzu kopyalayın, siteye yapıştırın, site kodu küçültür ve ardından sonuçları sitenize kopyalayıp/yapıştırırsınız.

Ayrıca, bir kod düzenleyici kullanarak kodunuzu manuel olarak küçültebilirsiniz, ancak bu biraz daha karmaşık olabilir. Ancak, kodla çalışma konusunda deneyimliyseniz, bu yöntem size daha fazla kontrol sağlayabilir.

Yine başka bir strateji, Autoptimize veya W3 Total Cache (veya herhangi bir sayıda başka) gibi bir eklenti kullanmaktır.

Kod konusunda deneyimli değilseniz ve bu değişikliği sitenize otomatik olarak uygulamak istiyorsanız, bu WordPress kullanıcıları için uygun bir çözüm olabilir. Ek olarak, bu eklentilerin her ikisi de görüntü ve içerik önbelleğe alma gibi çeşitli optimizasyon odaklı özellikler sunar.

Uzun JavaScript Görevlerini Daha Küçük Görevlere Bölün

Uzun görevler, ana ileti dizisini engelleme eğilimindedir ve JavaScript'in şişmesine neden olarak sitenizin yanıt verme hızına zarar verebilir. Bunun olmasını önlemek ve süreçte FID puanınızı artırmak için bu görevleri daha küçük, eşzamansız olanlara bölmeyi deneyebilirsiniz.

Bunu yapmanın en etkili yollarından biri kod bölmedir. Özetle, bu, tek seferde büyük bir dosya yerine yalnızca daha küçük ve gerekli kod parçalarını parçalamak ve yüklemek için kullanılan bir tekniktir. Bunu Webpack gibi bir araç kullanarak yapabilirsiniz.

Büyük performans güncellemesi, temaları büyük JavaScript kitaplığını böldüğü ve bunları yalnızca gerektiği kadar yüklediği için Divi kullanıcıları bu alanda da avantaj elde ediyor. Bu, neredeyse tüm Divi sitelerinde FID'yi azaltmalıdır. WordPress temaları kendi JS kitaplıklarıyla gelme eğilimindedir ve kullanıcılar, kodu bölmek ve kendileri optimize etmek için uzmanlığa veya izinlere sahip olmayabilir. Bunu Divi ile sorun olmaktan çıkarmak istedik.

Üçüncü Taraf Kodunun ve Kritik Olmayan Komut Dosyalarının Etkisini Azaltın

Çok fazla üçüncü taraf komut dosyanız varsa, sitenizin kendi verilerinin yürütülmesini geciktirebilir. Bu nedenle, FID puanınızı optimize etmek için üçüncü taraf kodunun etkisini azaltmak ve kritik olmayan üçüncü taraf komut dosyalarını kaldırmak da akıllıca bir fikirdir. Ve kaldıramayacaklarını ertelemek için.

Hangi komut dosyalarının en önemli olduğuna karar verirken, sitenin kullanıcı deneyiminde hangilerinin önemli bir rol oynadığını kendinize sorun. Örneğin, çok gerekli olmayan bazı reklamları veya açılır pencereleri kaldırabilir veya geciktirebilirsiniz. Kullanıcılarınızın ilk iş olarak bu e-posta seçeneğini görmeleri mi gerekiyor , yoksa siteyle bir şekilde etkileşime girene kadar bunu erteleyebilir misiniz?

Kullanılmayan JavaScript ve CSS'yi azaltma hakkında daha fazla bilgi için PageSpeed ​​Insights raporlarınızın Fırsatlar bölümüne de bakabilirsiniz:

Bu bölümlerden herhangi birini genişletmek için tıklarsanız, ana ileti dizinizi engelleyebilecek belirli dosyalar ve görevler listelenir. Chrome DevTools'u kullanarak kullanılmayan JavaScript ve CSS'yi de bulabilirsiniz.

Çoğu durumda, bu "oluşturmayı engelleyen" kaynaklar, sayfanın hızlı bir şekilde yüklenmesini durdurur ve bu da FID'nizi etkiler. Bunları kaldırmak ve/veya ertelemek yalnızca sitenizin etkileşimini iyileştirmekle kalmaz, aynı zamanda algılanan yanıt verebilirlik ve hızı da iyileştirebilir.

Divi, bunun gibi kritik olmayan komut dosyalarını ertelemek için geçiş yapar. Tema seçeneklerinde, jQuery komut dosyalarını ertelemeyi seçebilir ve temanın Kritik CSS özelliği ile birleştirildiğinde tüm oluşturmayı engelleyen CSS'yi kaldıran satır içi CSS ertelemesini kabul edebilirsiniz. Ayrıca Google Yazı Tipleri ve Gutenberg düzenleyici stil sayfası erteleme arasında geçiş yapabilirsiniz. Bunların tümü "oluşturma engelleyici" olarak görülüyor, bu nedenle Elegant Themes üyeleri neredeyse anında iyileştirilmiş bir FID puanı görecekler.

İlk Giriş Gecikmesi (FID) Sıkça Sorulan Sorular

Bu noktada, muhtemelen FID'nin ne olduğu ve web sitenizin UX'indeki önemi ve bunun nasıl iyileştirileceği konusunda sağlam bir anlayışa sahipsiniz. Bunu akılda tutarak, tüm kilit noktaları ele aldığımızdan emin olmak istiyoruz. O halde FID hakkında sık sorulan bazı soruları gözden geçirelim.

FID, Web Sitemin Genel Performansına Nasıl Uyuyor?

Esasen FID, ziyaretçilerin web sitenizle ilk etkileşimini ölçer. Bir kullanıcının sitenizle ilgili ilk izlenimini etkilediği için hem nicel hem de algılanan bir ölçümdür. Sitenin kullanıcı girdisine ne zaman yanıt verdiğini nesnel olarak görebilirsiniz, ancak kullanıcının siteyle etkileşimlerine dayanarak, siteyi ne zaman algıladıklarını da görebilirsiniz.

FID, bir kullanıcının yaptığı ilk etkileşim ile tarayıcının bu işleme yanıt vermesi arasındaki süreyi ölçer. Başka bir deyişle, metrik, sitenizin yüklenmeye devam ederken ne kadar duyarlı olduğunu değerlendirir. Ne kadar hızlı olursa, ziyaretçilerinizin sahip olacağı deneyim o kadar iyi olur.

Ayrıca, Önemli Web Verileri olarak (En Büyük İçerikli Boya (LCP) ve Kümülatif Düzen Kayması (CLS) ile birlikte), FID, Google'ın web sitenizi nasıl sıraladığı konusunda önemli bir rol oynar. Bu nedenle, kullanıcılarınızın deneyimine ek olarak sitenizin Arama Motoru Optimizasyonu'nu (SEO) da etkileyebilir. FID'yi iyileştirmeye yönelik aynı stratejilerin çoğu, sitenizin genel performansını da önemli ölçüde düşürür.

FID'mi Nasıl Ölçebilirim?

FID puanınızı ölçmenin birkaç farklı yolu vardır. En hızlı ve en kolay yöntem, sitenizi Google PageSpeed ​​Insights aracılığıyla çalıştırmaktır. Rapor, FID dahil olmak üzere bir dizi önemli metriği detaylandıracaktır. Ayrıca puanınızı nasıl artırabileceğiniz konusunda bazı öneriler de sunacaktır.

Ek olarak, FID puanınıza erişmek için birkaç araç daha kullanabilirsiniz. Bunlar arasında Chrome Kullanıcı Deneyimi Raporu, Google Search Console'un Önemli Web Verileri Raporu ve web vitals JavaScript kitaplığı bulunur. GT Metrix ve Pingdom's Speed ​​Test gibi araçları da faydalı bulabilirsiniz.

FID Puanımı Nasıl İyileştiririm?

FID'nizi geliştirmek, sitenizin hem UX hem de SEO sıralamalarını iyileştirmeye yardımcı olabilir. Tipik olarak, zayıf bir FID puanı, aşağıdakiler de dahil olmak üzere çeşitli faktörlere bağlanabilir:

• Ağır JavaScript
• Kullanılmayan komut dosyaları
• Uzun JavaScript görevleri
• Uzun komut dosyaları

Puanınızı artırmak için atabileceğiniz birkaç adım var. Bunlar, sitenizin kodunu küçültmeyi, kullanılmayan üçüncü taraf komut dosyalarını kaldırmayı veya geciktirmeyi ve uzun JavaScript görevlerini (ve CSS dosyalarını) daha küçük görevlere bölmeyi içerir.

Çözüm

Web sitenizin ziyaretçileri üzerinde olumlu bir ilk izlenim bırakmak için yalnızca bir şansınız var. Bu nedenle, FID puanınızı optimize etmek için her fırsatı değerlendirdiğinizden emin olmanız önemlidir. Ziyaretçilerinizin ilk etkileşimlerinin hızlı olmasını sağlamak zorunludur.

İdeal FID puanının 100 ms veya daha az olduğunu unutmayın. Sizinkini iyileştirmeniz ve bu süreyi azaltmanız gerekiyorsa, yukarıda tartıştığımız birkaç strateji (kullanılmayan JavaScript'i erteleme, CSS ve JavaScript kodunuzu optimize etme ve oluşturmayı engelleyen kaynakları erteleme/kaldırma gibi) şüphesiz zamanınızı nereye kadar indirecektir? olmaları gerekiyor.

FID hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde bize bildirin!

Wan wei / Shutterstock üzerinden Öne Çıkan Görsel