Web Sitelerinin açılış zamanları süphesiz kullanım konusunda en önemli faktörlerden biridir. Çoğu İnternet Kullanıcısı Siteleri hızlıca gezmek ister ve sayfaların saniyeler içerisinde açılmasını ister. Bu Konuda DailyBlogTips güzel bir Makale hazırlamış. Bu Yazı’daki 6 faktör Sayfalarınızın hızlı açılmasında büyük rol oynayacaktır.

1- Imajlari Optimize edin.
Dynamicdrive’daki bu araç sayesinde imajlarınızı kalite boyutuna göre Optimize edebilir ve kullanabilirsiniz.

2- İmaj Formatları
Kullandığınız İmajlara göre Formatlarını belirleyin. Mesela Fotoğraflar için JPG, Logo, tuş(button) gibi küçük araçlarda gif, çok renkli, kaliteli, transparent çalışmalarda ise png kullanabilirsiniz.

3- CSS Optimizasyonu
CSS Dosyalarında genellikle gereksiz ayarlar bulunur ve boşluklar CSS dosyanızın büyük boyutta olmasına sebep olur. CleanCSS Çevirimiçi aracı ile istediğiniz ayarlarda CSS Dosyanızı Optimize edebilirsiniz.

4- Linklerde Slash kullanin “/” simgesi.
Sunucular “/” slash simgesini link sonunda görürler ise, bilirlerki bu bir klasör’dür, yani otomatik olarak o değeri araştırmazlar. Bu size Zaman kazandırır. mesela, siteniz.com/hakkında yerine siteniz.com/hakkında/ kullanın.

5- İmajlar’da Uzunluk ve Genişlik Tağlarını kullanın
Birçok kişi İmaj eklerken uzunluk ve genişlik tağlarını umursamaz, ancak tarayıcılar için bu önemlidir. Tarayıcı imaj uzunluğunu ve genişliğini ayarlarda görürse, otomatik olarak değer aramaz bu arada kullanıcınıza zaman kazandırır.
bir imaj eklerken uzunluk için “height” genişlik için ise “width” tağlarını kullanmayı ihmal etmeyin.

6- Dağınık Araç Kullanımı Yapmayın
Mesela, birden fazla CSS dosyası yerine, tüm ayarları bir CSS dosyasında toplayın. Tarayıcı bu sayede Fazla dosya açarak zaman kaybetmeyecek. Aynı Şekilde, JavaScript ve diğer araçlar içinde geçerli.

Örnek:

<link rel="stylesheet" type="text/css" href="/body.css" />
<link rel="stylesheet" type="text/css" href="/side.css" />
<link rel="stylesheet" type="text/css" href="/footer.css" />

Tek tek CSS kullanmak yerine, Ayarlarınızı tek bir CSS Dosyasında toplayın.

<link rel="stylesheet" type="text/css" href="/style.css" />