Website hızını optimize etmenin yolları

11 Mayıs 2016 4 dk okuma süresi 150 okunma

Seo teknikleri nedeniyle ziyaretçi sayıları git gide yükselmekte. Hele bir de göze hitap eden bir tasarım ve iyi içerik varsa yüksek ziyaretçi sayıları kaçınılmaz. Sürekli ve sadık kullanıcı elde etmenin en önemli yolu hızlı açılan ve sayfalar arası geçişlerde kullanıcıyı çok bekletmemek.

Yapılan araştırmalara göre de performansın ziyaretçiler üzerinde ciddi etkisi var. Bu araştırmalara göre;

Siteniz yavaş ise

  • %10-%15 arası daha az sayfa görüntüleme
  • %15 daha az müşteri memnuniyeti
  • %5-%8 arasında da her anlamda kayıp (siteden çıkıp gitme, başkasına tavsiye etmeme vb.)

Kullanıcı beklentilerine göre

  • %45-%50 arasında kullanıcılar sitenizin 2 saniye ve altında açılmasını istiyor.
  • %40-%45 arası eğer açılış süresi 3-4 saniyenin üzerine çıkıyorsa siteyi terk ediyor.
Özellikle e-ticaret alanında sitenin hızlı ve kolay olması kullanıcı sadakatini artırıyor.


Şimdi gelelim sitenizi hızlandırmanın yollarına.


Kodsal geliştirme

Eğer siteniz dinamik ise (veriler veritabanından alınıp yükleniyor ise) ilk olarak kodları gözden geçirip mümkün olduğu kadarıyla az bağlantı ile çok veri çekimini sağlamak. Örneğin e-ticaret için düşünürsek, anasayfanızda son eklenen 10 ürün, en çok görüntülenen 10 ürün ve en çok satılan 10 ürünü listeliyorsunuz. Bunlar için ayrı ayrı veritabanı bağlantısı açıp kapatıyorsanız bunu yapmayın. 3 farklı sorgu yazmak yerine bunu bunu tek bağlantı ve tek sorgu ile çözüp ayrıştırın.

Cache mantığını kavrayın ve bunu iyi kullanın. Cache'leme ciddi anlamda performans sağlamaktadır.


Sunucu optimizasyonu

Sunucuların yanıt süreleri maksimum 200-300 milisaniye arasında olmalıdır. Bu yanıt süresi sunucu donanımı (iyi bir işlemci, yüksek ram, ssd disk kullanımı gibi), site trafiği, kod ve veritabanı kalitesi, kaynak kullanımı gibi etkenlerle doğru orantılıdır.


CDN kullanın

CDN (content delivery network) sitenizdeki resim, css, javascript gibi içerikleri farklı sunucular üzerinden hizmete sunmanızı sağlar ve sayfa açılışına katkısı büyüktür. Birçok internet tarayıcısı aynı domaine eş zamanlı olarak giden istekleri sınırlar. Kimisi 3 kimisi de 6 ile sınırlama yapar. Örneğin sayfa içerisinde 2 css, 5 javascript, 10 resim varsa aynı anda 3'erli veya 6'şarlı olarak istek yapar ve toplamda 17 adet dosyayı bunlara böler. Bu isteklerden birisi bitince diğer isteği yapar. Tabi dosya boyutlarına göre bekleme süreleri de artmaktadır. Bu da ciddi yavaşlamalara neden olur. CDN farklı domainde olacağından bu beklemeleri minimuma indirerek hızınızı artırır. Kullanıcılar en yakın oldukları cdn sunucusundan bu verileri çekeceğinden açılış süresi kısalır. Örneğin, Almanya'dan giren birisi Almanya sunucusuna, Japonya'dan giren birisi ise Japonya'daki sunucuya bağlanıp istekleri alır.


HTTP isteklerinin optimizasyonu

Eğer cdn kullanmak istemiyorsanız, sitenizdeki css, javascript, resim gibi dosyaları mutlaka optimize etmelisiniz. Sayfa üzerinde ne kadar çok dosya isteği varsa siteniz o kadar yavaşlar. Bu nedenle;

  • JavaScript ve css dosyalarını sıkıştırın ve mümkünse birleştirin.
  • Resim yerine css kullanın (eğer css ile bunu çözebiliyorsanız)
  • JavaScript dosyalarını sitenin en altına taşıyın.
  • Resim boyutlarını küçültün. (Tinypng gibi programlar ile bunu yapabilirsiniz)


Tarayıcı önbelleğini kullanın

Hem sunucu hem de istemci taraflı önbellek kullanımı için farklı yollar vardır. Tabi bunların sürelerini ayarlarmak mümkün. Örneğin her sayfa yenilemede tarayıcının css, javascript gibi dosyaları yeniden yüklemesi engellenebilir. Bunun için tarayıcı önbelleğini kullanmak gerekir. Basit bir css kullanımına örnek vermek gerekirse:

<link href="/Content/Site.min.css" rel="stylesheet" />

* Yukarıdaki gibi kullanmak yerine aşağıdaki gibi versiyonlayarak kullanmayı deneyebilirsiniz.

<link href="/Content/Site.min.css?version=5963471" rel="stylesheet" />

Tarayıcı bu şekilde dosyayı versiyonlar ve önbellekte tutar. Sadece önbellek süresi bittiğinde yeni isteği yapar ve tekrar önbelleğe atar ve döngü bu şekilde devam eder.

Bu şekilde versiyonlama metodu da sitenizin hızına etki etmektedir.


İçeriği sıkıştırın

Sayfanın içeriğini sıkıştırmakta açılış hızına etki eder. Normalde sayfanız 300kb iken sıkıştırdıktan sonra bu 200kb'ın altına düşebilir. Boyut ne kadar çok düşerse o kadar iyi. Sayfa sıkıştırma için GZIP yöntemine göz atabilirsiniz.


Sayfanızı optimize edip edemediğinizi Google PageSpeed, Yahoo yslow gibi online araçlar ile kontrol edebilirsiniz. Bu araçlar nerelerde optimize yapmanız gerektiğini de sizlere söyleyerek daha iyi performans almanızı sağlıyor.


Yazılarıma abone olmak ister misiniz?
Spam yapılmaz, sadece bildirim amaçlıdır. İstediğiniz zaman abonelikten çıkabilirsiniz.
İlginizi çekebilecek diğer yazılar.
Websitelerinde sistem varsayılan fontu css ile nasıl baz alınır?

Font face kullanımı nasıl olmalıdır?