İlk Giriş Gecikmesi (FID) Nedir? WordPress'te Nasıl Azaltılır

Bir sayfayla ilk etkileşime girmeye çalıştığınızda o garip anın bir adı var ve yanıt vermesi biraz zaman alıyor. Buna İlk Giriş Gecikmesi (FID) denir ve size bir web sitesinin kullanıcı deneyiminin (UX) ne kadar iyi olduğu hakkında bir fikir veren bir ölçümdür.

Düşük bir FID, bir web sitesinin uygun şekilde optimize edildiğini söyler. Bu, ziyaretçilerinizin tarayıcılarının, bir sayfanın oluşturulması tamamlandıktan sonra bile öğeleri ve komut dosyalarını yüklerken takılmadığı anlamına gelir. FID puanınızı olabildiğince düşük alabilirseniz, kullanıcıların ziyaretlerini çok daha keyifli hale getirecektir.

Bu yazıda, İlk Giriş Gecikmesinin ne anlama geldiğinden ve neden bu kadar önemli bir metrik olduğundan bahsedeceğiz. Ardından, WordPress'teki FID puanlarını düşürmenin dört yolunu ele alacağız. Hadi hadi bakalım!

İçindekiler:

• İlk Giriş Gecikmesi Nedir?
• Web siteniz için İlk Giriş Gecikmesi nasıl ölçülür?
• WordPress'te İlk Giriş Gecikmesi puanlarını azaltmanın yolları

İlk Giriş Gecikmesi nedir (ve neden önemli bir metriktir)

Bir web sitesini her ziyaret ettiğinizde, arka planda çok şey olur. Bir sayfayı görebilmeniz için tarayıcınızın sunucusunu sorgulaması, istekleri göndermesi ve işlemesi, öğeleri yüklemesi vb. gerekir. Modern bir web sitesi için, etkileşimde bulunabileceğiniz tam olarak oluşturulmuş bir sayfa görmeden önce tarayıcınızın yerine getirmesi gereken düzinelerce isteğiniz olabilir.

Bazı durumlarda, bir sayfa hazır görünüyor , ancak tarayıcınız hala istekleri işliyor ve arka planda komut dosyaları yüklüyor. Bu sayfayla etkileşim kurmaya çalıştığınızda, bir eylemi gerçekleştirmeniz ile yanıt almanız arasında hafif bir gecikme olduğunu fark edebilirsiniz.

Örneğin, bir bağlantıyı tıklarsanız, tarayıcınız isteği anında işleme koymayabilir. Bir düğmeye basarsanız, ilk bakışta hiçbir şey yapmayabilir. Bu, temelde sitenizdeki herhangi bir etkileşimli öğeyle olabilir ve sizin amacınız bu ilk giriş gecikmesini mümkün olduğunca azaltmaktır.

İdeal olarak, sitenizin İlk Giriş Gecikmesi 100 milisaniyenin altında olmalıdır. Google'ın web siteleri için kabul edilebilir bulduğu standart budur:

Google'dan özellikle bahsediyoruz çünkü FID, bir web sitesindeki olumlu veya olumsuz kullanıcı deneyimlerini ölçmek için kullandığı üç ölçümden biridir. Bu üç metriğe Temel Web Verileri adı verilir ve ayrıca aşağıdaki iki metriği de içerirler:

1. En Büyük İçerikli Boyama (LCP): Bu metrik, bir sayfadaki en büyük öğenin yüklenmesinin ne kadar sürdüğünü ölçer.
2. Kümülatif Düzen Kaydırma (CLS): Bu, bir sayfanın yüklendikçe görsel olarak ne kadar "kaydığını" ölçer. Öğeler yüklenirken çok fazla hareket ederse, CLS puanınız düşük olur. WordPress için Kümülatif Mizanpaj Kaymasını düzeltme konusunda bir kılavuzumuz var.

Önemli Web Verilerinin önemli olmasının iki temel nedeni vardır. Birincisi, sitenizin ne kadar iyi optimize edildiğinin bir ölçüsünü sağlamalarıdır. Web siteniz harika puanlara sahipse, bu, hızlı yüklendiği, görsel olarak kararlı olduğu ve kullanıcıların onunla etkileşim kurmak için çok uzun süre beklemek zorunda olmadığı anlamına gelir.

Önemli Web Verilerinin önemli olmasının ikinci nedeni, sitenizin arama motoru optimizasyonunu (SEO) etkilemeleridir. Google, sıralamaları belirlerken bu metrikleri küçük bir sinyal olarak kullanır. Aslında, arama motoru devi, içerik ve geri bağlantılarla aynı derecede olmasa da, SEO söz konusu olduğunda Önemli Web Verilerinin önemli olduğunu açıkça belirtti.

Web siteniz için İlk Giriş Gecikmesi nasıl ölçülür?

İlk Giriş Gecikmesini ölçmek zor olabilir çünkü bir bilgisayar kullanarak simülasyon testleri çalıştırabileceğiniz diğer performans ölçümlerinin aksine, sitenizin gerçek ziyaretçilerine dayalı olarak veri toplamanız gerekir.

Web siteniz için İlk Giriş Gecikmesini ölçmenin en kolay yolu PageSpeed ​​Insights kullanmaktır. Ancak PageSpeed ​​Insights, yalnızca sitenizin Chrome Kullanıcı Deneyimi raporuna dahil edilecek kadar trafiği varsa İlk Giriş Gecikme sürelerini gösterir.

Önce PageSpeed ​​Insights'ın nasıl çalıştığından bahsedelim ve ardından PageSpeed ​​Insights siteniz için İlk Giriş Gecikmesi metrikleri sunmuyorsa deneyebileceğiniz bazı alternatifleri paylaşacağız:

PageSpeed ​​Insights'ı kullanmak için devam edin ve test etmek istediğiniz sayfanın URL'sini girin. PageSpeed ​​Insights'ın analiz etmesi birkaç dakika sürecek ve ardından şuna benzeyen bir rapor döndürecektir:

Genel olarak, bu web sitesi en iyi Core Web Vital puanlarına sahip değil. Ancak, 100 ms'nin altındaki ortalama süre ile İlk Giriş Gecikmesi metriği söz konusu olduğunda çok iyi sonuç verdiğini görebilirsiniz.

Ancak yukarıda bahsettiğimiz gibi tüm siteler bu metriği görmeyecektir. Daha düşük trafikli bir siteniz varsa, şöyle bir şey görebilirsiniz:

Bu durumda iki seçeneğiniz vardır:

1. Basit : İlk Giriş Gecikme süreniz için kaba bir proxy olarak Lab Verileri bölümündeki Toplam Engelleme Süresi metriğini kullanabilirsiniz. Bu mükemmel bir temsil değildir, ancak Toplam Engelleme Süresi metriği İlk Giriş Gecikmesi'ne çok benzer. Genel olarak, Toplam Engelleme Sürenizi iyileştirirseniz, İlk Giriş Gecikme sürenizde de benzer iyileştirmeler görürsünüz.
2. Gelişmiş : İstek Metrikleri gibi gerçek bir kullanıcı performansı izleme aracı kullanabilirsiniz. Bu araçlarla, gerçek kullanıcı verilerini toplamak için sitenize bir izleme komut dosyası eklemeniz gerekir.

Aşağıda, PageSpeed ​​Insights'ta Toplam Engelleme Süresi metriğini nerede bulabileceğinizi görebilirsiniz:

Artık FID'yi ve diğer Önemli Web Verilerini nasıl ölçeceğinizi bildiğinize göre, bunları nasıl geliştireceğiniz hakkında konuşalım.

WordPress'te İlk Giriş Gecikmesi puanlarını azaltmanın yolları

Bu bölüm için, İlk Giriş Gecikmesi puanlarınızı iyileştirecek WordPress optimizasyonlarına odaklanacağız. Bu optimizasyonlardan bazıları, diğer Önemli Web Verilerini de olumlu yönde etkileyecek ve bu da onları daha kullanışlı hale getirecektir.

1. Gereksiz komut dosyalarını web sitenizden kaldırın

WordPress web sitenizin yüklenmesinin çok uzun sürmesinin ana nedenlerinden biri, büyük bir komut dosyası listesi yürütmesi gerekmesidir. Komut dosyaları ile, diğer olası seçeneklerin yanı sıra JavaScript ve CSS'yi kastediyoruz. "Karmaşık" bir WordPress teması veya geniş bir eklenti dizisi kullanıyorsanız, arka planda çalışan çok fazla komut dosyanız olabilir.

Hangi komut dosyalarının yararlı olduğunu ve hangilerinin olmadığını anlamak zor olabilir, ancak PageSpeed ​​Insights burada devreye girer. Sitenizin sayfalarından herhangi biri için bir test yaparsanız, PageSpeed ​​Insights raporunda bir Fırsatlar bölümü de bulunur:

Bu bölüm, sitenizin hangi JavaScript ve CSS dosyalarını kullanmadığını gösterecektir. Bu komut dosyalarını kaldırmak, FID puanlarınızı buna bağlı olarak azaltmalıdır.

Çoğu durumda, bu komut dosyaları eklentilerden gelir. Bu, eklentiler listenize uzun süre bakmanız ve gerçekten ihtiyacınız olmayan araçlara karar vermeniz gerektiği anlamına gelir. Eklentilerinizi kaldırmak, web sitenizin mümkün olduğunca hızlı yüklenmesini sağlamanın harika bir yoludur.

2. Yükleme sırasında kritik olmayan kodu erteleyin

Yüklenmesi çok uzun süren belirli komut dosyaları veya kodlarla karşılaşmak yaygın bir durumdur. Sorun şu ki, bazı durumlarda tarayıcınız bu komut dosyalarıyla ilgilenene kadar sayfanın geri kalan öğelerini yüklemeyi bitiremez.

Bu komut dosyaları "kritik" değilse, diğer herkes için işleri yavaşlatmamaları için tarayıcınıza bunları en sona bırakmasını söyleyebilirsiniz. Buna “kritik olmayan kodu ertelemek” diyoruz.

Hangi komut dosyalarını erteleyebileceğinizi belirlerken ilk durağınız PageSpeed ​​Insights olmalıdır. Bir sayfa için rapor oluşturduğunuzda, PageSpeed ​​Insights, puanlarının nasıl iyileştirileceğine ilişkin öneriler içerecektir.

Bu öneriler arasında, Oluşturmayı engelleyen kaynakları ortadan kaldır yazan bir seçenek bulacaksınız. Üzerine tıklarsanız, erteleyebileceğiniz komut dosyalarının bir listesini gösterir:

WordPress'te oluşturmayı engelleyen komut dosyalarını işlemenin iki yolu vardır. İlk yöntem, async kullanmayı içerir. Bu, tarayıcıların belirttiğiniz komut dosyasını ayrıştırırken web sitenizi yüklemeye devam etmesini sağlar. Alternatif olarak, tarayıcılar HTML belgesinin geri kalanını oluşturduktan sonra yüklenmesi için kodu erteleyebilirsiniz .

Bunu WordPress'te kurmak için ücretsiz Async JavaScript eklentisini kullanabilirsiniz. Veya birçok WordPress performans eklentisi, kodu erteleme özellikleri içerir. Premium bir eklenti için ödeme yapmaya hazırsanız, WP Rocket, kritik olmayan CSS ve JavaScript'i otomatik olarak erteleme özelliklerine sahiptir.

3. CSS ve JavaScript küçültme araçlarını kullanın

Hepimiz kullanılmayan CSS ve JavaScript'i kaldırmaktan yana olsak da, ortadan kaldırmak istemeyeceğiniz bazı komut dosyaları var. Örneğin, geçen yüzyıldan kopyalanmış gibi hissettiren bir web sitesi istemiyorsanız, herhangi bir sayfanın CSS stil sayfasını ortadan kaldırmak istemezsiniz.

Kaldıramayacağınız komut dosyaları için en iyi seçeneğiniz onları küçültmektir. Bu, her bir komut dosyasının boyutunu küçültmek için boşlukları ve gereksiz karakterleri koddan kaldırmak anlamına gelir. WordPress'te komut dosyalarını sizin için otomatik olarak küçültecek Autoptimize ve Fast Velocity Minify gibi birkaç araç vardır:

Genel olarak konuşursak, çoğu WordPress optimizasyonu ve önbelleğe alma eklentisi, komut dosyası küçültme araçlarını da içerir. Bununla birlikte, bazıları çok fazla yapılandırma çalışması gerektirir, bu nedenle konu küçültme söz konusu olduğunda Autoptimize gibi seçeneklere bağlı kalmanızı öneririz.

4. Bir içerik dağıtım ağı (CDN) kullanın

CDN kullanmak, web sitenizin performansını artırmanın harika bir yoludur. Bir CDN ile, sitenizin içeriğini önbelleğe alabilen dünya çapındaki bir veri merkezleri ağına erişebilirsiniz. Bir ziyaretçi web sitenize erişmeye çalıştığında, CDN bu isteği işleyecek ve önbelleğe alınmış bir sürümünü sunacaktır.

Çoğu durumda, bir CDN kullanmak web sitenizin yükleme sürelerini ve FID puanlarını iyileştirecektir. WordPress'i bir CDN ile entegre etmek basittir ve en büyük zorluk muhtemelen hangi hizmetin kullanılacağına karar vermektir.

Ücretsiz CDN seçenekleri arıyorsanız, aşağıdakilerden birini seçmenizi öneririz:

1. Cloudflare: Bu, piyasadaki en popüler CDN'lerden biridir. WordPress ile entegrasyonu kolaydır ve ücretsiz bir plan sunar.
2. Jetpack: Jetpack eklentisi, web sitenizdeki statik öğeleri önbelleğe almak için WordPress.com sunucularını kullanan Site Accelerator adlı bir özellik sunar. Jetpack bir WordPress.com hesabı gerektirse de, bunu kendi kendine barındırılan WordPress sitelerinde de kullanabilirsiniz.

Ancak, en iyi performans için KeyCDN, StackPath veya Bunny CDN gibi premium bir CDN'yi düşünebilirsiniz.

Sitenizin İlk Giriş Gecikmesini bugün azaltın

Bu kadar soyut bir şeyi ölçmek karmaşık olabilir, bu nedenle her bir hayati önem taşıyan şey, ziyaretçilerin deneyimlerini olumsuz yönde etkileyebilecek belirli bir duruma odaklanır. Tüm Temel Web Verileri önemlidir, ancak özellikle FID, gecikme çok yüksekse büyük bir hayal kırıklığına neden olabilir.

WordPress'te FID puanınızı iyileştirmenin yollarını arıyorsanız, yapmanız gerekenler şunlardır:

1. Gereksiz komut dosyalarını web sitenizden kaldırın.
2. Yükleme sırasında kritik olmayan CSS ve JavaScript'i erteleyin.
3. Autoptimize ve Fast Velocity Minify gibi CSS ve JavaScript minimizasyon araçlarını kullanın.
4. Cloudflare veya Jetpack gibi bir CDN kullanın.

WordPress'te FID puanlarının nasıl düşürüleceği hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde onlar hakkında konuşalım!