Turkcell Blog Ara Turkcell

Sitenizi Hızlandırın – 3

Apple Beats'i neden satın alıyor?

Site Hızlandırma ile ilgili olarak daha önceki iki yazımızda, HTML dosyalarının sıkıştırılması, CSS dosyalarının sıkıştırılması, JS dosyalarının sıkıştırılması ve diğer hızlandırma işlemlerini anlatmıştık.

Bu makalemizde ise sitenizin resimlerinin optimizasyonu sonrasında hızlandırılmasını anlatacağız.

Resim sıkıştırma işlemleri, genellikle haber siteleri gibi sürekli görsel kullanan siteler için inanılmaz büyük faydalar sağlamaktadır. Nikon D90 ya da bunun gibi profesyonel fotoğraf makineleri ile çekilen fotoğrafların kullanıldığı bu tarz görsel içerikli sitelerde bir fotoğraf, resim 4-5 MB’lara kadar çıkabilmektedir.

Bırakın 4-5 MegaByte’ları bugün 300 kB’lık resimler bile sistemimizi yavaşlatmaya yetip artmaktadır.

Resim boyutlandırmalarının tam yapılamaması ya da gözden kaçan boyutlandırma işlemine sokulmamış resimler, sitenizi yavaşlatabilmektedir.

Görsel imaj veya resimlerinizi otomatik olarak Re-Size edebilen (yeniden boyutlandıran) Fast Image Resizer programı indirmek için aşağıdaki linke tıklayınız.

http://www.gezginler.net/indir/fast-image-resizer.html

JPG, PNG, GIF gibi formatların da ağırlığı düşünüldüğünde bir resmin hafif bir şekilde hizmet sunabilmesi gerekmektedir. Görsel kalitesinden ödün vermeden yukarıdaki linki kullanarak dosyaların küçültme işlemlerini gerçekleştirebilirsiniz.

Sitenizde kullandığınız resimleri, local’den yani site adresinizi linklemeden kaynak koduna çekin.

Örnek uygulama;

<img src=http://mekjoy.com/resimler/1.png alt=” 1 Numaralı SEO “ height=”200” width=”500”>

Yerine

<img src=”../resimler/1.png” alt=”1 Numaralı SEO” height=”200” width=”500”> kodu kullanılmalıdır. Bu kaynak kodların büyüklüğüne az da olsa katkı yapacaktır.

Ayrıca resim dosyalarının bugün çoğu sitenin kullandığı gibi tek resim kaynağından çağrılması da siteyi hızlandıracaktır. Bu tekniğe CSS Sprite denilmektedir ve kod bilgisi gerektirmeksizin internetten online CSS Sprite uygulayabileceğiniz siteler mevcuttur. 

Etiketler : sitenizi hızlandırın, site hızlandırma teknikleri,