Bu Yazıdan Öne Çıkanlar
Kritik kaynakları önceden yükleyerek sayfa hızı skorlarınızı maksimize edin. Tarayıcıya önceliklerini öğretin.
Tarayıcı İpuçları (Resource Hints)
Bir web sitesi açılırken tarayıcı neyi önce yükleyeceğine karar verir. Siz bir mühendis olarak, ona kritik olanları fısıldayabilirsiniz. Resource Hints, tarayıcıya bu ipuçlarını vermenin standart yoludur.
Preload (Önyükleme)
Kritik fontlar, ana LCP görseli veya kritik JS dosyaları için kullanılır. Tarayıcı dosyayı keşfetmeyi beklemez, hemen indirir. Kullanımı:
<link rel="preload" href="/fonts/inter.woff2" as="font" type="font/woff2" crossorigin>Preconnect (Ön Bağlantı)
Üçüncü taraf servisler (Google Fonts, CDN, analitik) için kullanılır. Dosya istenmeden önce DNS, TCP ve TLS el sıkışmalarını tamamlar. Bu tek başına 100-300ms tasarruf sağlayabilir.
DNS-Prefetch
preconnect'in daha hafif versiyonudur. Sadece DNS çözümlemesini önceden yapar. Daha az kritik üçüncü parti servisler için uygundur.
Dikkat! Çok fazla preload kullanımı, asıl sayfanın yüklenmesini engelleyebilir (bandwidth congestion). Sadece "gerçekten kritik" olanları seçin.
