Preload (Resource Hints: preload, preconnect): Tarayıcıya sayfa için kritik olan bir kaynağı veya bağlantıyı erkenden hazırlamasını söyleyen kaynak ipuçlarıdır.
Preload ne anlama gelir?
link rel="preload" tarayıcının geç keşfedeceği kritik dosyaları (LCP görseli, font) erkenden indirmesini; rel="preconnect" ise harici bir alan adına bağlantıyı önceden kurmasını sağlar. dns-prefetch daha hafif bir alternatiftir.
Aşırı preload kullanımı diğer önemli kaynaklarla bant genişliği yarışına yol açabilir. Yalnızca gerçekten kritik ve geç keşfedilen kaynaklar için kullanılmalıdır.
Örnek
Google Fonts kullanan bir site fonts.gstatic.com için preconnect ekleyerek font yükleme gecikmesini azaltır.
İlgili terimler
- Site Hızı & Core Web VitalsCritical Rendering PathTarayıcının HTML, CSS ve JavaScript'i işleyerek sayfayı ekrana çizene kadar izlediği adımlar di…
- Site Hızı & Core Web VitalsLCP (Largest Contentful Paint)Sayfada görünür alandaki en büyük görsel veya metin bloğunun ekranda ne kadar sürede oluştuğunu…
- Site Hızı & Core Web VitalsRender'ı Engelleyen KaynaklarTarayıcının sayfayı ekrana çizebilmek için indirilip işlenmesini beklediği CSS ve senkron JavaS…
Bu konuyu sitenizde birlikte ele alalım
Preload ve benzeri konuları markanızın hedefleriyle birlikte değerlendiriyor, uygulanabilir bir yol haritasına çeviriyoruz.
Web Sitesi Geliştirme →