JavaScript ve CSS Dosyalarını Kendi Sitenize Yükleyip DNS Sorgusundan kurtulun

Merhaba arkadaşlar, biliyorum başlık biraz uzun oldu ama, ancak bu kadar kelimeyle anlatmak istediğimi ifade edebilirdim.

Bildiğiniz üzere ziyaretçi sayacı, siteye uçan twitter kuşu ekleme gibi işlemlerin yanı sıra siteye google +1 butonu eklemede bile karşımıza JavaScript ve CSS Style dosyaları çıkmaktadır.

Bu dosyalar sitemizde DNS Sorgusu vs. yaparak siteyi kasmaktadır. Bu nedenle bu dosyaları kendi sunucumuza çekmekteyiz.

Örnek vereyim hemen sizleri daha fazla bekletmeden net olarak ifade edeyim.

Örnek : Google +1 Butonu ;

<!– Place this tag where you want the +1 button to render –>
<g:plusone size=”small” annotation=”inline”></g:plusone>

<!– Place this render call where appropriate –>
<script type=”text/javascript”>
window.___gcfg = {lang: ‘tr’};

(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript'; po.async = true;
po.src = ‘https://apis.google.com/js/plusone.js‘;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Yukarıdaki google +1 butonu kodunda ” https://apis.google.com/js/plusone.js ” isimli bir javascript js dosyası bulunmaktadır.

Siz bu kodu otomatik olarak olduğu gibi sitenize eklerseniz sitenizde bir dns sorgusu oluşur ve siteniz yavaşlar.

Ama siz bu dosyayı açıp içerisindeki kodları kopyalayıp kendinize bir .js dosyası oluşturabilir ve bunu sitenize yükleyerek bağlantıyı değiştirip paylaşabilirsiniz.

Örnek olarak benim yaptığım : Google Plusone JS Dosyası

Benim yaptığım gibi js dosyasını kendiniz sunucunuza yüklediniz şimdi ne yapacaksınız. Yukarıdaki koddaki alanı sitenizin dosyasıyla değiştireceksiniz.

Şu şekilde olacak;

<!– Place this tag where you want the +1 button to render –>
<g:plusone size=”small” annotation=”inline”></g:plusone>

<!– Place this render call where appropriate –>
<script type=”text/javascript”>
window.___gcfg = {lang: ‘tr’};

(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript'; po.async = true;
po.src = ‘http://www.yusufkisa.com/wp-content/uploads/2012/04/apis.google-js-plusone.js‘;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Sitenizdeki dosya ismi ne olursa olsun içeriği ile dosya formatı aynı olduktan sonra bir problem yaşayacağınızı sanmıyorum.

Aynı şekilde CSS ~ Style Dosyalarınıda aynı şekilde değiştirip sitenizin hızlı olmasını sağlayabilirsiniz.

.JS, .CSS gibi formatlarda bunu yapmanızı öneririm.

Ayrıca sitenizdeki resimlerde kendi sunucunuzda barınırsa sizin için daha faydalı olacaktır. Onlar içinde ayrıyeten bir dns sorgusu yapmamaış olacaksınız.

Konuyla ilgili anlamadığınız bir yer olursa veya görüş bildirmek isterseniz yorum formunu kullanabilirsiniz.

Comments
  1. Ziya |
  2. Ravi Rokkam |
  3. Pol |
  4. Andrew Polhill |
  5. JavaScript News |
  6. ThinkJavaScript |
  7. Onur Derviş |
  8. Victor Farazdagi |

Bir Cevap Yazın