Site hızını artırmak için nelere dikkat etmeliyiz?

Site hızını düşüren faktörleri incelediğimiz bu Zeo Answers videomuzda, faktörleri 4 ana başlık altında topladık. Bu faktörler;

İmaj dosyalarının optimize olduğundan emin olun.

  • Görselleri sitenize yüklemeden önce sıkıştırma ve yeniden boyutlandırma işlemleri yapın. Bu sayede dosya boyutlarını küçülterek görsellerin daha hızlı yüklenmesini sağlayabilirsiniz.
  • Görselleri uygun olan formatta yükleyin. .svg formatını geometrik şekiller, .jpg formatını fotoğraflar ve ekran görüntüleri, .png formatını ise yüksek kaliteli görseller ve transparan ögeler için tercih edebilirsiniz.
  • Görsellerin sayısını asgari seviyede tutun. CSS kullanarak veya gereksiz görselleri kaldırarak veri aktarım boyutunu düşürebilirsiniz.
  • Görsellerin responsive olmasını sağlayın. Böylece her cihaz ve boyutta düzgün görüntülenebileceklerdir.

Kaynak dosyalarının optimize olduğundan emin olun.

  • CSS ve Javascript’leri aynı dosyada tutun. Tarayıcıların önbellekleme (cache) özelliğinden faydalanarak bu dosyaları daha hızlı yükletebilirsiniz.
  • CSS ve Javascript kodlarında yorum, boşluk gibi gereksiz satır kullanımından kaçının. Kaynak dosyaları olabildiğince minimalize etmek tarayıcıların kodları daha hızlı çözümlemesine yardımcı olacaktır.
  • Javascript’leri HTML kodlarında üst kısım yerine body kısmının kapanış etiketinden hemen öncesine yerleştirin. Böylece sayfa içerikleri kaynak dosyalar tetiklenmeden önce yüklenmeye başlayacaktır. Bu yöntem yerine dosyaları ilk açılışta yüklemek yerine ertelemeli olarak yükletmek için async attribute’unu da kullanabilirsiniz.

Veri aktarımını hızlandırın

  • Tarayıcıların önbellekleme (cache) özelliğinden faydalanın. Bu özellik sayesinde belirlenen süre boyunca sitenize tekrar gelen kullanıcılar için imaj ve kaynak dosyalar önbellekten çekilerek daha hızlı sayfa yüklemesi sağlanacaktır.
  • Dosyalarınızı HTTP sıkıştırma ile sunun. Gzip biçiminde yapabileceğiniz sıkıştırma işlemi sayesinde verilerin boyutlarında tasarruf edebilir, daha hızlı veri aktarımı elde edebilirsiniz.
  • Content Delivery Network adı verilen sunucu sistemini kullanarak sayfa kaynaklarınızın farklı sunuculardan yüklenmesini sağlayın. Bu sistem sayesinde kullanıcı ile server arasındaki fiziksel uzaklık nedeniyle hız kaybı yaşamaz, kaynakların en yakın server’dan yüklenmesini sağlayabilirsiniz.

HTTP isteklerini azaltın

  • Gereksiz yönlendirmelerden ve yönlendirme zincirinden kaçının. Bu sayede gereksiz HTTP isteği oluşturmanın önüne geçebilirsiniz.
  • 404 kodu döndüren sayfaları site içi linklemelerden kaldırın. 404 durum koduna sahip kaynak dosyalar var ise bu dosyaları düzeltmeyi deneyin, eğer kullanılabilir durumda değillerse HTTP isteği sayısını artırmamak için bu dosyaları kaynak kodlardan kaldırın.
  • Çok fazla sayıda CSS ve Javascript dosyası kullanmak yerine kaynak verileri mümkün olduğunca tek dosyada toplayın. Böylece sayfalar yüklenirken kaynak dosyalar için gönderilen HTTP isteği az seviyede olacak ve daha iyi site performansı sağlanacaktır.
  • Her sayfanızda tekrar eden ikon, logo vb. statik imaj dosyalarını CSS Sprite yöntemi ile kullanın. Bu yöntem ile her imaj için farklı HTTP isteğinin gönderilmesini engelleyebilirsiniz.

Siz site hızınızın en ideal hale gelmesi için ne tip çalışmalar yapıyorsunuz? Yorum alanından bizimle paylaşın!