Web Sitenizin Kullanımını Hızlandıracak Önyükleme İpuçları

Eğer bir web siteniz varsa ve yoğun grafik, video ya da büyük boyutlu dökümanlar sebebiyle web sitesinin yavaşlığına ilişkin şikayetler alıyor ya da fark ediyorsanız belki "önyükleme" özelliği ile kullanıcıları bu sıkıntıdan kurtarabilirsiniz.

Web sayfalarınızda hangi sayfaların ya da resim, javascript, css gibi öğelerin arka planda kullanıcıya hissettirmeden önceden-yüklenmesini sağlayarak, kullanıcının ihtiyaç duyacağı o sayfa ya da öğenin kendi önbelleğinden çok hızlı bir biçimde açılmasını garantileyebilirsiniz. Bu önyükleme sayesinde kullanıcı web sitenizin çok hızlı olduğunu hissedecektir.

Günümüzdeki Firefox gibi tarayıcılar ya da Google Web Accelerator gibi internet hızlandırıcılar bu önyükleme standardını destekliyor. Bu standarda göre belirteceğiniz önyükleme ipuçları kontrolün sizde olmasını sağlayacaktır. Kullanımı ise gayet basit. Örneğin şöyle bir HTML kodunu web sayfanızın <head> ... </head> bölgesine koymanız yeterli:


<link rel="prefetch" href="/filanca.html">

Ya da tırnak resmini verdiğiniz bir grafik üzerine tıklandığında büyüyecekse, arka planda büyük halinin kullanıcı sayfanızı okurken yüklenmesini sağlamak isteyebilirsiniz:


<link rel="prefetch" href="/resim/buyuk_bir_resim.jpg">

Aşırıya kaçmamak kaydıyla sayfalarınızda birden çok nesneyi "önyükleme" (prefetch) için bu şekilde ardarda tanımlayabilirsiniz. Burada dikkat edilmesi gereken nokta önyükleme yapılacak öğenin kullanıcılarca tıklanma olasılığının diğerlerine kıyasla daha yüksek olması gereği. Örneğin uzun bir yazıyı sayfalara böldüyseniz sonraki sayfa önyükleme için belirtilmelidir. Bunun gibi ardışık tıklanma olasılığı yüksek sayfaları sunucu kayıtlarınıza ya da gözlemlerinize bakarak belirleyebilirseniz önyükleme özelliğini daha verimli kullanmak mümkün olur. Sonuçta bu özellik hem sizin sunucuya ödediğiniz bant genişliğini hem de kullanıcının ödediği bant genişliğini fazladan kullanıyor. Kısaca sayfa yüklenme hızını iyileştireyim derken kendinize ve kullanıcıya masraf çıkarmanız işten değil. Bu sebeple dikkatli ve özenli seçilmiş birkaç önyükleme sayfası ya da resmi yeterli gelecektir.

Bu önyükleme ipuçlarını <link> etiketi dışında <meta> etiketi ile de belirtebilirsiniz; bir de ek olarak tarayıcının 'sonraki' tuşuna da önyükleme yaptırabilirsiniz:

<meta http-equiv="Link" content="&lt;/images/big.jpeg&gt;; rel=prefetch">

<link rel="next" href="ikinci_sayfa.html">

Web Hızlandırıcı Programlar

Web'de dolaşmayı hızlandırıcı özelliklere sahip Firefox ve Opera tarayıcılarının dışında Google Web Accelerator, Fasterfox gibi programlar da var. Bunların kısa bir listesi şöyle:

Bu hızlandırıcılardan FasterFox en hızlı ayarında kullanıldığında sunuculara yük getirebiliyor. Böyle bir durumla karşılaşırsanız sunucunuzun robots.txt dosyasına FasterFox'u engelleyen şu satırları eklemeniz yeterli olacaktır:

User-agent: Fasterfox
Disallow: /

Umarım bu noktaların sitenizi hızlı turlama için ayarlamada yardımı olur. Hoşçakalın.

İlker Fıçıcılar
24 Mart 2008

Yararlanılan Kaynaklar

İlgili Benzer Yazılar:

Arama önerileri: web hızı, hızlı internet, web sitesi, önyükleme, prefetching, fasterfox, google accelerator, prefetch, bant genişliği,

Kaynak gösterecekler için referans: "Web Sitenizin Kullanımını Hızlandıracak Önyükleme İpuçları", İlker Fıçıcılar, http://www.KlavyeMonitor.com/web_sitenizin_kullanimini_hizlandirmak_icin_onyukleme_ipuclari.html , Mart 2008

Bu sayfaları Linux'ta oluşturan programı yazan: İlker Fıçıcılar