Web sitesi nasıl hızlandırılır

24 Haziran 2013

Şimdi burada asıl yapılmak istenen şey Google bot için ve kullanıcı açısından sitemizi hızlandırmak. İlk yapmamız gereken şey sitemizin kaynak kodundaki sorgu sayısını yani kaç tane css çağırıyoruz kaç tane js dosyasını çağırıyoruz ve kaç tane dışarıdan resim dosyası çağırıyoruz bunları bilmemiz gerek bunların toplam 20 sorguyu geçmemesi gerek yani bir örnek vererek açıklayayım

Css sorugusu = 3
Js sorgusu = 5
resim sorugusu = 10
Toplam sorgu = 18

Bu sorgu bizim açımızdan çok iyi sitemiz çok hızlı yüklenecektir. Tabi dosya boyutlarını ben küçük varsayıyorum siz gidip de 10 mb lık bir jpeg dosyasını çekerseniz o sitenin yüklenmesi uzun sürer zaten gerekmedikçe yüksek boyutlu resim dosyaları yüklemeyin yada madem yükleyeceksiniz o zaman sıkıştırmanız gerek onunda çözümü var

Aşağıdaki linklerde resim sıkıştırma siteleri var bunları kullanarak resimlerinizi sıkıştırabilirsiniz.

PNG sıkıştırma : http://tinypng.org/
Jpeg sıkıştırma: http://www.smushit.com/ysmush.it/

Şimdi bazende tasarım yaparken img etiketini kullanmamız gerekiyor ama bu örnegin wordpress teması yaptınız blog yazılarını çektiriyorsunuz “öne çıkarılmış resim“i çektirdiniz ya da küçük ikonları çektirdiniz derken bu sorgu sayısı 20 geçti onunda şöyle bir yolunu buldum img etiketi yerine bir div koyarsınız eve ona

 

şeklinde yaparsanız sorguyu engellemiş olursunuz ama tabi bu da bir sorgu ama tarayıcı bunu ilk başta yükler img etiketinde denk geldiğinde yüklemeye çalışır yani şöyle anlatayım size

Bazen siteler girdiğinizde resimler yüklenmeyince site bozulur resim yüklenince site düzgün bir boyut alır siz yukarıda gösterdiğim taktik ile bu bozulmayıda önlersiniz neden derseniz zaten widht ve height veriyorsunuz resim yüklenince onun içine yüklenecektir. Bu derinlemesine bir html tekniğidir 🙂 ilk başta saçma geliyor kabul ediyorum 🙂

Benim vaktim kalmadı bu yazının devamını getiricem şimdilik resimleri düzeltin daha bir çok taktik söylicem size 🙂

WEB DÜNYASI İLE İLGİLİ GÜNCEL BİLGİLER İÇİN ABONE OLUN!

"Web sitesi nasıl hızlandırılır" Benzer Yazıları

Ne vereyim abime? Ne vereceksin bana Wordpress deki more ne işe yarar

Web sitesi nasıl hızlandırılır Etiketleri: