06 ags 2010
Web Sitesinin Hızını Arttırmak ?
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.yani web dizayn 'ı iyi yapmak gerekir 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">
Web dizayn yaparken 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="</images/big.jpeg>; rel=prefetch">
<link rel="next" href="ikinci_sayfa.html">