WordPress'te HTTP/S İsteklerini Azaltma

WordPress web sitenizdeki HTTP/S İsteklerini azaltmak istediniz, Bu makalede, bunu WordPress web sitenizde nasıl yapabileceğinizi öğreneceksiniz. İstekleri azaltmaya başlamadan önce, HTTP/S isteklerinin ne olduğunu ve herhangi bir web sitesinde HTTP/S isteklerinin sayısını kontrol etmek için kullanabileceğiniz araçların neler olduğunu inceleyelim.

HTTP/S istekleri nelerdir?

Bir web sitesini her yüklediğinizde, tarayıcı sunucuya bir istek gönderir. İlk istekten sonra sunucu, web sitesinin tamamını bir tarayıcıya yüklemek için gerekli tüm dosyaları gönderir. Bu dosyalar arasında resimler, CSS dosyaları, js dosyaları, ses ve video dosyaları bulunur. Tarayıcı tarafından alınan her dosya bir istek olarak kabul edilir.

Herhangi bir web sitesindeki istek sayısı ne kadar düşükse, bir web sitesinin hızı da o kadar yüksek olur. Web sitesi, birkaç HTTP/S isteğiyle çok hızlı yüklenecektir. Ayrıca web sitesi hızının da google gibi arama motorları için en önemli sıralama faktörlerinden biri olduğunu zaten biliyorsunuz.

Bu makalenin ilerleyen bölümlerinde, WordPress'te HTTP/S isteklerini nasıl azaltacağınızı öğreneceksiniz.

Bir Web Sitesinin HTTP/S İsteklerinin Sayısını Kontrol Etme Araçları?

Artık HTTP/S isteklerinin ne olduğunu biliyorsunuz, bir web sitesinin HTTP/S isteklerini nasıl kontrol edeceğinizi biliyorsanız, sonraki adıma geçin veya okumaya devam edin.

• Firefox'ta Google Chrome Geliştirici Araçları / Firebug
  Geliştirici araçlarıyla Chrome tarayıcısında istek sayısını kontrol edebilirsiniz, hiçbir şey yüklemeniz gerekmez. Firefox kullanıyorsanız Firebug eklentisini yüklemelisiniz, Firebug da Chrome Developer Tools'a benzer.

  Diğer Araçlar > Geliştirici Araçları'na giderek veya bu Ctrl/Cmd+Shift+I kısayolunu kullanarak Chrome Geliştirici Araçlarını açabilirsiniz.

  Ağ sekmesine gidin, Durum çubuğunda istek sayısını kontrol etmek istediğiniz web sitesini yükleyin, web sitesinin HTTP/S isteklerinin sayısını görebilirsiniz.

  Firefox'ta Firebug'u açın ve Net sekmesine tıklayın. Web sitesini yükleyin, artık istek sayısını Firefox'ta da görebilirsiniz.

• Pingdom Araçları
  Pingdom Tools, web sitesi hız optimizasyonu için mevcut en iyi ücretsiz araçlardan biridir ve kullanımı kolaydır. Sadece web sitesinin alan adını girin, Test Sunucusu Konumunu seçin ve test için gönderin. Yükleme süresi ve birçok yararlı bilgi ile birlikte istek sayısını alacaksınız.

  Artık Pingdom Tools'tan gelen HTTP/S isteklerinin sayısına sahipsiniz.

• GTmetrik
  GTmetrix de en iyi araçlardan biridir ve Pingdom Tools'a benzer, GTmetrix analizinde web sitesi hız optimizasyonu hakkında birçok bilgi edineceksiniz.

  GTmetrix Analysis sayfasında istek sayısını ve yükleme süresini görebilirsiniz.

• Google PageSpeed ​​Insights
  Google PageSpeed ​​Insights ile HTTP/S isteklerinin sayısını alamazsınız. Google'dan hız puanını görebilirsiniz. Sadece alan adını girin ve analiz et'e tıklayın.

  Bu analizde, web sitesi hızını optimize etmek için birçok yararlı ipucu göreceksiniz.

WordPress'te HTTP/S İsteklerini Azaltma

Bu adımda, özellikle WordPress'te herhangi bir web sitesi için HTTP/S İsteklerini azaltmaya yönelik ipuçlarını öğreneceksiniz. İstekleri azaltmak için bir web sitesine yüklenen dosya sayısını azaltmalıyız. Temel web geliştirme araçlarına pek aşina değilseniz, işte başlamanıza yardımcı olacak yeni başlayanlar için bazı kodlamalar.

Şimdi, bu basit adımları izleyerek bu dosya sayısını azaltabiliriz.

• Gereksiz Dosyaları/Görüntüleri Sil
  Web sitenize gereksiz resim veya dosya yüklüyorsanız, bunları web sitenizin kaynak kodundan kaldırmanız yeterlidir. Sadece bu ipucunu takip ederek, birçok isteği azaltabilirsiniz.

  Simgeleri ve diğer UI tasarım öğelerini yüklemek için çok sayıda resim kullanıyorsanız, bu, küçük resimler için çok sayıda istek oluşturduğunuz anlamına gelir. Bir sonraki adımda CSS Image Sprite oluşturarak bu istekleri azaltabilirsiniz.

• Dosya Boyutunu Küçült
  Bu teknik, HTTP/S isteklerinin sayısını azaltmak için değildir, ancak genel web sayfasının boyutunu azaltmaya yardımcı olur ve sayfanın hızını artırır. Resimleri sıkıştırarak resimlerin dosya boyutunu küçültebiliriz. Ve tüm dosyaları küçülterek ve tek bir dosyada birleştirerek CSS ve JS dosyalarının boyutunu küçültebiliriz.

  Görüntüleri herhangi bir kayıp olmadan sıkıştırmak için bu WordPress eklentilerini kullanabilirsiniz.
  WP Smush eklentisi
  hayal et

• Bir CSS Görüntü Sprite Oluşturun
  Görüntü simgelerini ve diğer UI tasarım öğelerini kullanıyorsanız, bir Image Sprite oluşturun ve simgeleri CSS konumlandırmasını kullanarak yükleyin. Veya Font Awesome gibi simge kitaplığına/araç setine geçiş yapabilirsiniz.
• CSS ve JavaScript Dosyalarını Birleştirin, Küçültün
  HTTP/s isteklerinin sayısını azaltmak için tüm CSS ve JavaScript dosyalarını birleştirmeniz gerekir. WordPress web sitelerinde, yüklediğiniz her eklenti ile ilişkili CSS ve JS dosyaları olacaktır. Bu dosyaları birleştirmenin ve küçültmenin en iyi yolu bir önbelleğe alma eklentisidir. Son adımda eklentileri önbelleğe almayı öğreneceksiniz.
• Harici Görüntüleri/Dosyaları/Varlıkları Sınırlandırın
  Görseller/Dosyalar/Varlıklar gibi çok fazla harici kaynak varsa, web sitenizin ikinci adımdaki HTTP/S isteklerinin sayısına göre. Gerekli olmayan dış kaynakları kaldırmaya çalışın.

  Bu harici kaynakları kendi sunucunuza indirebilir ve kendi sunucunuzdan yükleyebilirsiniz. Veya MaxCDN gibi CDN servisini kullanabilirsiniz.

• Önbelleğe Alma Eklentisini Kullan
  WordPress'te, yukarıdakilerin hepsini eklentilerle elde edebilirsiniz. Sadece eklentiyi etkinleştirin ve özellikleri kullanmak için onay kutularını etkinleştirin.

  Bunlar WordPress'te popüler olan ikisidir, WP Super Cache ve W3 Total Cache'dir.

  Bu eklentiler ile sayfa önbelleğe almayı etkinleştirebilirsiniz. Böylece her web sayfası istendiğinde, bu istek veritabanına gönderilmeyecektir. Bu web sayfası, statik bir HTML önbelleğe alınmış sayfadan yüklenir. Önbelleği WordPress yönetici araç çubuğundan temizleyebilirsiniz.

  Sadece özelliği etkinleştirerek bu eklentilerden CSS ve JavaScript Dosyalarını Birleştirebilir, Küçültebilirsiniz. Bir hız iyileştirme ipucu daha, küçültülmüş JS dosyasını baş bölümü yerine gövde bölümünü kapatmadan önce taşıyabilirsiniz.

  W3 Total Cache eklentisinden MaxCDN gibi CDN servisleriyle entegre edebilirsiniz.

  WordPress'te bir önbelleğe alma eklentisi kullanmak, HTTP/S isteklerinin sayısını azaltmanın en kolay yoludur.

Çözüm

Web sitenizdeki HTTP/S isteklerinin sayısını azaltmak, web sitenizin daha hızlı yüklenmesini sağlayabilir. Web sitelerinizin arama motoru sıralama konumları iyileştirilecektir. Böylece daha fazla trafik ve daha fazla dönüşüm elde edebilir, daha fazla gelir elde edebilirsiniz.

WordPress web sitenizdeki HTTP/S isteklerini azaltmak için yalnızca birkaç basit adım atarak, işletmeniz için uzun vadede avantajlardan yararlanabilirsiniz.