Lighthouse'un kullanıma sunulmasından bu yana sayfa hızıyla ilgili yeni parametreler ortaya çıktı. Bu parametrelerden en önemlilerinden biri First Contentful Paint'tir (FCP). Haziran 10'ten itibaren Lighthouse 2024 sürümünde FCP'nin genel puan üzerindeki etkisi %10'dur..
FCP'yi bir ölçüm olarak benimsemek ve anlamak için öncelikle onun arkasındaki psikolojiyi incelemek önemlidir. Konsept buna benzer asansörlere ayna takıldı:
Kısaca özetlemek gerekirse: 1900'lü yılların ilk yarısında yüksek binalarda asansör kullanımı ciddi oranda artmış ancak asansör sistemleri günümüze göre ilkel durumdaydı. Bu nedenle asansörde geçirilen sürenin daha kısa hissedilmesi için asansörlere ayna takılması fikri ortaya çıktı.
Konumuza dönecek olursak: Bir sayfaya erişmeye çalışırken yükleme süresinde algısal olarak sizi bekleten nokta FCP'dir. First Contentful Paint'in tanımı, ilk metin, resim, beyaz olmayan tuval vb.'nin kullanıcıya görüntülenmesi için geçen süredir.. FCP'nin birimi saniyedir.
Lighthouse'da FCP'nin renk skalası şu şekilde belirleniyor:
- 0-2 saniye: Yeşil => Hızlı
- 2-4 saniye: Turuncu => İyileştirme Gerekiyor
- 4+ saniye: Kırmızı => Yavaş
HTTP Arşivi verilerine göre dikkate alınabilecek site sayısı hızlı %25ve mevcut sitelerin %50'si yavaş olarak sınıflandırılmıştır.
FCP'yi Geliştirmek İçin Ne Yapılabilir?
Sunucu Yanıt Süresini Azaltın
Genel olarak bu, sunucunun ve yazılımın sunucu tarafında ihtiyaç duyulan iyileştirmeler olarak yorumlanabilir. Sunucu yanıt süresini olumsuz etkileyen sorunları listelemek için:
- Sorun sunucunun paylaşımı, yapılandırması (örn. sunucu ayarları) ve sunucu kaynakları olabilir. Trafiğinize göre sunucunuzun kapasitesi arttırılmalıdır. Bazı durumlarda, kötü yazılmış veritabanı sorguları ve oldukça karmaşık yazılım bileşenleri, sunucu yanıt süresini ciddi şekilde etkileyebilir.
- CDN (İçerik Dağıtım Ağı) kullanmamak, içeriğe erişimde gecikmelere neden olarak FCP'yi etkileyebilir. İçerik boyutu arttıkça örneğin büyük bir animasyonlu GIF veya video CDN olmadan çağrılmaya çalışılıyorsa ve ana sunucu farklı bir kıtadaysa FCP çözümünü sağlamak için CDN çözümlerini düşünmeniz gerekebilir.
- Statik içeriğin uygun ve tutarlı bir önbellek politikasıyla sunulmaması aşırı yüklemeye neden olabilir Ziyaretçi sayınız arttıkça sunucunuz gereksiz yere. Örneğin logonuzu her sayfaya yüklerken uzun süreli önbellekte tutmazsanız sunucunuzun yanıt süresine gereksiz yere zarar vermiş olursunuz.
- Gereksiz sayfa yönlendirmeleri sayfaya erişirken FCP'nizi gereksiz yere etkileyebilir.
Örneğin geçmişte şöyle kurulumlar vardı: Bir kullanıcı bir siteye girmek istediğinde HTTP'den HTTPS'ye yönlendirme yapılıyordu, ardından mobil ise HTTPS'den mobile yönlendirme yapılıyordu (ör. https:// www'den https://m'ye) ve sayfa kaldırılıp 301 ile başka bir yere yönlendirilirse, kullanıcı sanki bir vergi dairesinde masadan masaya geçiyormuş gibi hissediyordu. Bu, daha iyi anlaşılması açısından uç bir örnektir, ancak bir sayfayı 301 yönlendirmesi ile başka bir URL'ye yönlendirirseniz ve ardından o sayfayı 301 yönlendirmesi ile başka bir URL'ye yönlendirirseniz, aynı mantıksız kurulumu yapıyor olabilirsiniz.
- Eğer sen önceden bağlanmayı veya DNS önceden getirmeyi kullanmayın Üçüncü taraf hizmetlerinize bağlanırken ve birçok üçüncü taraf hizmetine bağlanırken önekler kullanırsanız, FCP için yararlı hiçbir şey yapmıyorsunuz demektir.
İşlemeyi Engelleyen Kaynakları Azaltın
Bir satır öğesi olarak yazılan bu tek noktanın ele alınmasının aylar sürebileceğini itiraf etmeliyim.
Bunu başarmak için tümünün olduğu bir çözüm yöntemi vardır. Sayfanın oluşturulmasını engelleyen JS, CSS ve benzeri kaynaklar sayfa oluşturma süresinden sonra yüklenir ancak site yüklenirken ilk olarak sitenin başlangıçta görünen kısmı yüklenir.. Ancak bunun için tüm JS, CSS ve benzeri kaynakların incelenmesi ve en çok zaman alan süreçlerin ayrılması gerekir. Ayrıca mümkün olduğunca az sayıda üçüncü taraf hizmetin kullanılması FCP'nin optimize edilmesine yardımcı olur.
