rel=dns-prefetch Rehberi

Rel = dns-prefetch nedir?

  • DNS’yi önceden çözerek web sayfalarını hızlandırmanın bir yoludur.
  • Rel = dns-prefetch kullanımı, bir tarayıcının açıkça adlandırılmadan önce belirli bir alanın DNS’sini çözmesi gerektiğini önerir.

Örnek kullanım

<link rel = "dns-prefetch" href = "https://cdn. hakanyerlikaya.com">

Yukarıdaki kod temelde diyor ki …

  • Adlandırılmadan önce bir etki alanı adını çözmek istiyorum
  • Alan adı “cdn. hakanyerlikaya.com”

amaç

Rel = dns-prefetch’in var olmasının asıl nedeni, sayfa kaynakları için farklı alan adlarını kullanırken web sayfalarının yükleme şeklini hızlandırmaktır.

DNS arama sürelerinin gerçekleştiği yolu etkin bir şekilde kontrol ederek, sayfa dönüşümü kazanımları elde edebilir .

Bu işlem genellikle “DNS ön yükleme” olarak adlandırılır.

W3C Tanımı

“Dns-prefetch bağlantı ilişki türü, gerekli kaynakları almak için kullanılacak bir kaynağı belirtmek için kullanılır ve kullanıcı aracısının olabildiğince erken çözmesi gerekir.” 1

rel=dns-prefetch

rel=dns-prefetch

Rel = “dns-prefetch” nerede kullanılır?

Bir HTML belgesinin başlığında kullanılır.

DNS çözünürlüğü, sayfa yükünün bilinen ve gerekli bir parçasıdır

Hayatta ölüm ve vergilerden emin olabiliriz.

Sayfa hızında, alan başına bir DNS araması olduğundan emin olabilirsiniz.

Bu, sayfa kaynaklarınızın üç alanda bulunduğunda, en az üç DNS aramasına sahip olmanız anlamına gelir. On etki alanından kaynak kullanırsanız, en az on adet DNS aramasına sahip olursunuz.

 Bu nedenle, sayfaların DNS taleplerini en aza indirgeme konusundaki en iyi uygulama hızı çok önemlidir (ancak maalesef çoğu zaman göz ardı edilmektedir).

DNS önceden alma yararlıdır?

Okay’ın sayfanızın yüklerde kullanılır sizin CDN üzerinde js dosyaları bir sürü var ve ayrıca başka bir etki (vb adsense, seo araçları, pazarlama araçları,) den js dediğimiz 3. parti şeyler var diyelim.

Gerçekte, muhtemelen tarayıcının hangi senaryoyu ilk yüklemeyi deneyeceğini bilemezsiniz.

Ama bildiğiniz şey, CDN’nizi kesinlikle kullanacak olmanız değil, sadece hangi dosyayı ilk yapmanız gerektiğidir.

Bu durumda, DNS önayarı mükemmeldir çünkü tüm rel = dns-prefetch yapmak, bir dosyayı kapmak değil, DNS’i çözmektir.

Bu, tarayıcının ilk aldıkları dosya ne olursa olsun, kaynağın daha hızlı alınabilmesi için DNS çözümünün zaten çözülmüş olduğu anlamına gelir.

DNS ön yükleme temel olarak, sayfanızın tarayıcınıza şansa bırakılmak yerine ne yapması gerektiğine “ipucu” vererek nasıl daha fazla kontrol sağladığını gösterir.

DNS önceden alma yararlı değil nerede?

Tüm sayfa kaynaklarınız html’nizle aynı alandan geliyorsa.

Tarayıcı HTML’nize sahipse, o alan için DNS’i zaten çözmüştür. Tüm resimleriniz, komut dosyalarınız ve css’ler aynı etki alanından geliyorsa, doğal olarak alan adını yeniden çözümlemeye gerek yoktur. Aslında bunu yapmak kötü olurdu.

Herhangi bir türün önceden getirilmesini sağlamaktan çok iyi planlanmış bir sayfaya sahip olmak genellikle daha iyidir.

DNS’yi önceden almadan önce, sayfanızın çağıran alan adlarını azaltma konusundaki oldukça basit bir fikri keşfetmek isteyebilirsiniz.

Bunun herkes ve her site için mümkün olmadığını biliyorum, ama kendinize bu üç soruyu sorun.

  1. Farklı alanlardaki sayfa kaynaklarından herhangi birinde var mı?
  2. Kaynaklarım eşit olarak aranıyor mu?
  3. Kaynakları çağıran alan adlarını azaltabilir miyim?

1. Farklı alanlardaki sayfa kaynaklarından herhangi birinde var mı?

HTML dosyanız example.com’da ve CSS’niz cdn.example.com üzerindeyse ve resimleriniz 1234bucket.cdn.com adresinden geliyorsa, üç farklı alandan kaynak sağlıyorsunuz ve tüm bunları bir alan.

2. Kaynaklarım eşit olarak aranıyor mu?

“www.siteniz.com” ve diğeri “siteniz.com” dan bir CSS dosyası çağırıyorsanız, bunu temizlemeniz ve tüm kaynakların www sürümünden veya “www olmayan” sürümünüzden alındığından emin olmanız gerekir. domain.

Aynı şey https vs http için de geçerlidir. Http’dan gelen bazı kaynakları https sitesinde görmek çok yaygındır.

3. Kaynak çağıran alanların miktarını azaltabilir miyim?

Sayfalarınızın bir sayfada bile kullanılmayan şeyleri çağırıp açmadığını kontrol edin. Simge yazı tipleri, eklentiler, sosyal düğmeler vb. Gibi şeyler genellikle her sayfada kullanılmaz, yine de çağrılır.

İlgili

Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d blogcu bunu beğendi: