İlk Anlamlı Boyama (FMP), Lighthouse raporunun Performans bölümünde izlenen altı metrikten biridir. Her metrik, sayfa yükleme hızının bir yönünü yakalar.
Lighthouse, FMP'yi saniye cinsinden gösterir:
FMP'nin ölçtüğü metrikler
İlk Anlamlı Boyama, bir sayfanın ana içeriğinin kullanıcı tarafından ne zaman görülebildiğini ölçer. FMP'nin ham puanı, kullanıcının sayfa yüklemesini başlattığı andan sayfanın birincil üstbilgi içeriğini oluşturmasına kadar geçen süredir (saniye cinsinden). FMP, esasen sayfanın üst kısmındaki en büyük düzen değişikliğinin gerçekleştiği boyama zamanını gösterir. Google'ın İlk Anlamlı Boyama Süresi: Sayfa düzenine dayalı bir yaklaşım başlıklı makalesinde, ilk anlamlı boyamanın teknik ayrıntıları hakkında daha fazla bilgi edinin.
Sayfada oluşturulan ilk içerik parçası ekranın üst kısmındaki içeriği içerdiğinde ilk zengin içerikli boyama (FCP) ve FMP genellikle aynıdır. Ancak bu metrikler, örneğin bir iFrame'de sayfanın üst kısmında içerik olduğunda farklı olabilir. FMP, iframe'deki içerik kullanıcı tarafından görüldüğünde kaydeder. FCP ise iframe içeriğini içermez.
Lighthouse, FMP puanınızı nasıl belirler?
FCP gibi FMP de HTTP Archive'deki gerçek web sitesi performansı verilerine dayanır.
FMP ve FCP aynı olduğunda puanları da aynıdır. FMP, FCP'den sonra gerçekleşirse (ör. bir sayfa iFrame içeriği içeriyorsa) FMP puanı FCP puanından düşük olur.
Örneğin, FCP'nizin 1,5 saniye ve FMP'nizin 3 saniye olduğunu varsayalım. FCP puanı 99, FMP puanı ise 75 olur.
Bu tabloda, FMP puanınızın nasıl yorumlanacağı gösterilmektedir:
| FMP metriği (saniye cinsinden) |
Renkle kodlama | FMP puanı (FCP HTTP Arşivi yüzdelik dilimi) |
|---|---|---|
| 0-2 | Yeşil (hızlı) | 75-100 |
| 2–4 | Turuncu (orta) | 50-74 |
| En az 5 kişi | Kırmızı (yavaş) | 0–49 |
FMP puanınızı iyileştirme
Sitenizdeki Largest Contentful Paint'i iyileştirme başlıklı makaleyi inceleyin. FMP'yi iyileştirmeye yönelik stratejiler, büyük ölçüde Largest Contentful Paint'i iyileştirmeye yönelik stratejilerle aynıdır.
Gerçek kullanıcıların cihazlarında FMP'yi izleme
FMP'nin kullanıcılarınızın cihazlarında ne zaman gerçekleştiğini nasıl ölçeceğinizi öğrenmek için Google'ın Kullanıcı Merkezli Performans Metrikleri sayfasına bakın. Hero öğelerini kullanarak FMP'yi izleme bölümünde, FCP verilerine programatik olarak erişme ve bu verileri Google Analytics'e gönderme açıklanmaktadır.
Gerçek kullanıcı metriklerini toplama hakkında daha fazla bilgi için Google'ın Gezinme ve Kaynak Zamanlaması Aracılığıyla Yükleme Performansını Gerçek Zamanlı Olarak Değerlendirme başlıklı makalesine bakın. Kullanıcı Zamanlaması işaretleri ve ölçüleri Lighthouse denetimi, raporunuzda Kullanıcı Zamanlaması verilerini görmenizi sağlar.
Genel performans puanınızı iyileştirme
Belirli bir metriğe odaklanmak için belirli bir nedeniniz yoksa genellikle genel performans puanınızı artırmaya odaklanmanız daha iyidir.
Sayfanız için en değerli iyileştirmelerin hangileri olacağını belirlemek üzere Lighthouse raporunuzun Teşhis bölümünü kullanın. Fırsat ne kadar önemliyse performans puanınız üzerindeki etkisi de o kadar büyük olur. Örneğin, aşağıdaki Lighthouse ekran görüntüsünde oluşturma işlemini engelleyen kaynakların kaldırılmasının en büyük iyileşmeyi sağlayacağı gösterilmektedir:
Lighthouse raporunuzda tanımlanan fırsatları nasıl ele alacağınızı öğrenmek için Performans denetimleri bölümüne bakın.