WordPress'te HTTP İstekleri Nasıl Azaltılır?

WordPress'te HTTP isteklerini azaltmak istiyor musunuz?

Hız, SEO'nun önemli bir yönü ve ideal bir kullanıcı deneyimidir. Araştırmaya göre, beş saniyede yüklenen siteler (19'da yüklenenlere kıyasla) ortalama %70 daha uzun oturumlar görüyor.

HTTP isteklerini azaltırsanız, WordPress web sitenizin hızını artırabilirsiniz.

Bu yazıda, HTTP isteklerinin sayısını azaltmanıza yardımcı olacak çeşitli yolları anlatacağım.

• HTTP/S İstekleri nedir?
• HTTP ve HTTPS
• HTTP İsteği izlemenin önemi
• HTTPS Sunucu İsteklerini İzleme Araçları
• HTTPS Sunucu İsteklerinin Sayısını Azaltın

HTTP/S İstekleri nedir?

Bir kişi tarayıcıda herhangi bir sayfayı açtığında, tarayıcı o web sayfasını açmak için gereken dosyalar için web sunucusuna bir istek gönderir. Veriler HTML, CSS, JS, resimler, metin ve diğer web öğelerinden oluşur.

Tarayıcı tarafından gönderilen bu isteğe HTTP İsteği veya Köprü Metni Aktarım Protokolü denir. Sunucu HTTP isteğini aldığında mesajı okur ve kullanıcının sorduğu dosyalarla yanıt verir.

Tarayıcı, dosyayı sunucudan alır ve dosyaları bir web sayfası olarak ekranda açar.

Bir web sayfası bu şekilde yüklenir ve hepsi birkaç saniye içinde gerçekleşir.

HTTP ve HTTPS

HTTP ve HTTPS çoğunlukla benzerdir. En büyük fark, SSL sertifikasıdır.

Veriler HTTP üzerinden aktarıldığında dosyalar metin formatında yazılır. HTTP yoluyla gönderilen ve alınan veriler kolayca okunabilir. Düz metin biçimi.

Dosyaları ele geçirmek için yalnızca bir ortadaki adam saldırısı veya başka bir yol yapmanız gerekir.

Öte yandan, HTTPS'de SSL kuruludur. SSL, verileri şifreleyen bir güvenlik sertifikasıdır ve anahtarları eşleştirerek yalnızca web sunucusu ve tarayıcı okuyabilir.

HTTPS, güvenlikli HTTP'dir.

Bir bilgisayar korsanı dosyaları ele geçirse bile, şifrelenmiş biçimde olduğu için asla bundan yararlanamaz. Verilerdeki anlamsızlığı bulacaktır.

HTTP ve HTTPS arasındaki fark için kılavuzumuzu okuyun.

HTTP isteklerini takip etmek neden bu kadar önemlidir?

HTTP isteklerini takip etmek önemlidir çünkü sitenize yapılan her ziyaret, tarayıcının her bir dosya için ayrı bir HTTP isteği yapması gerektiği anlamına gelir.

Web sayfasında çok sayıda dosya ve öğe varsa, daha fazla HTTP isteği olacaktır. Bu, web sayfasını yüklemek için daha fazla zaman anlamına gelir.

Hızlı yüklenen bir siteye sahip olmak iş, SEO ve kullanıcı davranışı için faydalıdır. Ancak birçok site sahibi, sayfayı ağırlaştıran sayfaya yeni öğeyi (resimler, gif, video, harici komut dosyası vb.) eklemeye devam ediyor.

Sonuç olarak, istek sayısı artar ve sitenin hızı yavaşlar. WordPress'teki HTTP isteklerini azaltarak web sitenizin yükleme hızını artırabilirsiniz.

HTTPS Sunucu İsteklerini İzleme Araçları

Birçok araç, web sayfanızın yaptığı tüm HTTP isteklerini bulmanıza yardımcı olabilir. Ve hepsi ücretsizdir.

• Google Chrome Geliştirici Araçları
• Google PageSpeed ​​Insights
• GTmetrik
• Pingdom

Google Chrome Geliştirici Araçları

Google Chrome tarafından sağlanan geliştirici aracı, herhangi bir web sitesi hakkında birçok bilgi sunar. Siteyi kroma yükleyin ve Geliştirici Aracını açın.

Kısayol: Ctrl + Shift + I

Ekranın sağ tarafında bir kutu açılacaktır. Ağ sekmesine tıklayın ve tüm HTTP isteklerini bulacaksınız. Hiçbiri yoksa, sayfayı yeniden yükleyin ve onları göreceksiniz.

Üzerine tıklayarak her istek hakkında daha fazla bilgi edinebilirsiniz.

Ancak geliştirici aracı geliştiriciler içindir ve biraz karmaşıktır.

Google PageSpeed ​​Insights

Bu, Google tarafından sağlanan başka bir harika araçtır. Özellikle HTTP isteği için değil, sitedeki hız optimizasyon olanaklarını bulmak içindir.

URL'yi yerleştirip testi çalıştırdığınızda, PageSpeed ​​Insights aracı bir rapor açacaktır.

Raporda hız hatalarını ve web sitesi performansını iyileştirmeye yönelik ipuçlarını bulacaksınız.

GTmetrik

GTmetrix, WordPress siteleri için popüler bir hız testi aracıdır. Ayrıca, web siteniz için çeşitli faktörlere bağlı olarak bir performans puanı sunar.

Web sayfası URL'nizi GTmetrix'e girin, testi çalıştıracaktır.

GTmetrix size sayfa ve sayfanın hızını nasıl artırabileceğiniz hakkında çok şey anlatır.

HTTP isteğini bulmak için Şelale sekmesine tıklayın. Web sayfası tarafından gönderilen tüm isteklerin listesini açacaktır.

İstek hakkında daha fazla okumak için herhangi birine tıklayın. Sunucunun isteği çözmede ve yanıtı göndermede geçen süreyi öğrenebilirsiniz.

GTmetrix ile testin nasıl yapıldığını öğrenmek için GTmetrix hız testi kılavuzunu okuyabilirsiniz.

Pingdom

GTmetrix'e benzer şekilde, Pingdom da WordPress sitesi için hız testleri yapmak için harika bir araçtır.

Testi çalıştırdığınızda, size bir performans raporu verecektir. Ve aşağıda, site için iyileştirme ipuçlarını bulacaksınız.

Site değerlendirmesinin yanı sıra aşağı kaydırdığınızda sayfada şelale grafiğini bulacaksınız.

İsteği boyuta, yükleme sırasına, yükleme süresine vb. göre sıralayabilirsiniz.

Bunu yaparak, hangi isteğin daha fazla zaman aldığını ve hangi isteklerin büyük olduğunu bileceksiniz. O zaman onlarla buna göre davranabilirsin. Pingdom Hız Testi Kılavuzunu okuyun.

WordPress'te HTTPS İsteklerini Azaltın

Artık web sayfanızın çok fazla HTTPS isteği yapıp yapmadığını biliyorsunuz. İdeal çözüm, asıl sorunu bulmak ve sonra onu çözmektir.

Bu hız testleri, hangi HTTP isteğinin web sitesinin hızını durdurduğunu size söylemek için yeterlidir. Ancak WordPress'te uygulayabileceğiniz HTTP isteğini azaltmak için genel yöntemler vardır.

WordPress'te HTTP isteklerini azaltma yöntemleri şunlardır:

1. Gereksiz Resimleri Sil
2. Görüntüleri Optimize Edin
3. Bir CSS Görüntü Sprite Oluşturun
4. Tembel Görüntüyü Yükle
5. Gereksiz Dosyaları Sil
6. HTML, CSS ve JavaScript Dosyalarını Küçültme
7. HTTP Ardışık Düzeni
8. CDN kullanma
9. HTTP/2'yi kontrol edin

Gereksiz Resimleri Sil

Evet, çekici bir web sayfası için görseller gereklidir.

Ancak bu, onları özgürce kullanmanız gerektiği anlamına gelmez. Resimler büyük dosyalardır ve tüm web sayfasının ağırlığını arttırırlar.

Sitenizde hiçbir amaca hizmet etmeyen resimler varsa, bu resimler WordPress sitenizi yavaşlattığı için bunları tamamen kaldırmalısınız.

Görüntüleri Optimize Edin

Gereksiz görsel kaldırıldıktan sonra kalan görsel optimize edilmelidir. Bu, görüntüyü web için sıkıştırmanız gerektiği anlamına gelir.

Görüntülerin bayt cinsinden boyutunu en aza indirerek görüntünün boyutunu küçültmeniz gerekir. Bununla görüntü kalitesini kaybeder, ancak piksellerin ekstra ağırlığını kaybeder.

Görüntü optimizasyonu için en iyi WordPress eklentileri:

• Sıkıştırılmış Görüntü
• iyimser
• EWWW Görüntü İyileştirici
• Kısa Piksel Görüntü İyileştirici
• JPEG ve PNG Görüntülerini Sıkıştır
• hamsi

Ayrıca siteye yüklemeden önce görselin boyutunu küçültebilirsiniz. Nasıl yapmak istediğiniz sizin dileğinizdir, ancak önemli olan görüntüyü web için optimize etmektir.

Bir CSS Görüntü Sprite Oluşturun

CSS Image Sprite'ın yaptığı şey çok basit ama şaşırtıcı.

Web sayfanızda beş resim varsa, bu her resim için beş ayrı HTTP isteği anlamına gelir. CSS Image Sprite'ın yardımıyla, bu beş görüntüyü bir araya getirebilirsiniz ve ardından beş yerine yalnızca bir HTTP isteği olacaktır.

CSS Image Sprite, birden çok görüntüyü tek bir görüntüde birleştirerek WordPress'teki HTTP isteklerini azaltır. Ön uçlarda ziyaretçiler hiçbir şey fark etmez, ancak tarayıcının daha az çalışması gerekir.

Ancak CSS Sprite herkes için değildir. Bu tekniğin de birkaç dezavantajı var. Dikkatlice uygulamalısınız.

Tembel Görüntüyü Yükle

Tembel Yükleme, görüntüyü ekranda göründüğünde yüklemek anlamına gelir. Site, tüm web sayfasının her bir öğesini yüklemek yerine, yalnızca ekranda görünen resimleri yükler.

Kullanıcı web sayfasını aşağı kaydırdıkça görüntünün geri kalanı da yüklenecektir. Lazy Load, HTTP isteklerinin sayısını azaltmaz, ancak bunların birer birer ayrıştırılmasına izin verir.

WordPress Lazy Load eklentileri:

• Smush Görüntü Optimizasyonu
• a3 Tembel Yük
• bj tembel yük
• tembel yük
• çılgın tembel

Diğer Gereksiz Dosyaları Sil

Görsellerden sonra web sayfanızdaki çeşitli dosyaları da değerlendirmelisiniz. Onlar gerekli mi?

Şunlar gibi dosyalar:

• Sosyal Medya Akışı
• Gömülü Video
• gereksiz gif
• Gömülü Tweetler veya Instagram gönderileri
• Java Komut Dosyaları vb.

Örneğin:

Bu site, widget'ında mevcut ziyaretçinin yerini söyleyen bu döner küreye sahiptir.

İlginç, ancak yine de siteye eklenecek ağır bir komut dosyası.

Web sayfanızda bir dosyaya ihtiyacınız yoksa, kaldırın. Devre dışı bırakılmış eklentileri, temaları ve diğer uzantıları içerir. Arka planda çalışmaya devam ederler ve HTTP isteklerini eklemeye devam ederler.

O zaman çok fazla üçüncü taraf uygulaması var. Bir GTmetrix hız testi yapın ve tüm üçüncü taraf HTTP isteklerini öğrenin. Bu isteklerde herhangi bir değişiklik yapamazsınız; kendi zamanlarında yükleyecekler.

Üçüncü taraf komut dosyaları için hangisini kullandığınızı değerlendirin.

• Sil: Komut dosyasından yararlanmıyorsanız, siteden kaldırın.
• Değiştir: Kullanmakta olduğunuzdan çok daha hızlı olan alternatifi bulun.

Genel olarak, dosyanın kullanımı ile sitenin hızı üzerindeki etkisi arasındaki dengeyi bulun.

HTML, CSS ve JavaScript Dosyalarını Küçültme ve Birleştirme

Bir web sayfasındaki tüm HTML, CSS ve JS dosyaları, HTTP isteklerinin sayısını artırır. En iyi çözümlerden biri bu dosyaları birleştirip küçültmektir.

Bu şekilde, WordPress'teki HTTP isteklerini değil, aynı zamanda bu dosyaların boyutunu da azaltacaksınız.

Kodda çok fazla alan var çünkü bu kodu okunabilir hale getiriyor. Ancak tüm bu alanlara gerek yoktur. Küçültme, HTML, CSS ve JavaScript dosyalarından tüm gereksiz karakterlerin, biçimlendirmenin ve boşluğun kaldırılması anlamına gelir. Kod, şişkinlik olmadan uygun şekilde yürütülecektir.

Birleştirme, birden fazla dosyayı tek bir dosyada birleştirmek anlamına gelir.

Örneğin, bir web sayfasında 5 CS dosyası ve 5 Java dosyası varsa, CSS'yi tek bir dosyada birleştirmek ve Java'yı tek bir dosyada birleştirmek, 10 yerine iki isteğin olması anlamına gelir.

Google testlerine göre, küçültme, %63'e varan sıkıştırma tasarrufu ile sayfa boyutunuzu küçültebilir.

Küçültme, herhangi bir popüler WordPress önbelleğe alma eklentisinin yardımıyla hızlı bir şekilde yapılabilir.

Ancak özellikle küçültme için WordPress eklentileri var.

• otomatik optimize et
• Hızlı Hız Küçült
• Birleştir + Küçült + Yenile
• WP Süper Küçült

Bunu önbellek eklentinizden yapabilir veya ayrı bir eklenti kullanabilirsiniz.

HTTP Ardışık Düzeni

HTTP boru hattı, HTTP 1.1'in bir özelliğidir, ancak sahip olduğu çeşitli sorunlar nedeniyle pek kullanılmamaktadır.

Ancak, HTTP ardışık düzeni, yanıtı beklemeden aynı soket üzerinde birden çok HTTP isteği göndermek anlamına gelir. HTTP, bir istek-yanıt-istek döngüsü modelidir. Tarayıcı önceki istek için bir yanıt alana kadar yeni bir istek başlatmaz.

Ancak HTTP ardışık düzeni ile aynı anda birden çok istek gönderebilirsiniz. Sitenin yüklenme hızında önemli bir değişiklik yapar.

Sonra yine sorunlar var. Web sunucuları ardışık düzeni destekler, ancak tarayıcıları desteklemez.

Bu, sayfanın yanlış biçimde yükleneceği anlamına gelir. Ancak yine de HTTP boru hattı, WordPress'teki HTTP isteklerini azaltmanın yollarından biridir.

CDN kullanma

Sitenize bir CDN uygulayarak web sitesinin hızını daha da artırabilirsiniz.

CDN, dünyanın çeşitli yerlerinde bulunan birden çok ağdan oluşan bir ağdır. Bu sunucular, statik içeriğin önbelleğe alınmış bir kopyasını oluşturur ve istek yeniden yapıldığında bunları CDN'den sunar.

Bu, sunucu tarafından yanıt almak ve göndermek için geçen zamandan tasarruf sağlar. Ayrıca, içerik artık kullanıcının bulunduğu yere yakın bulunan sunucudan sunulmaktadır. Bu nedenle, mesafe nedeniyle ağ gecikmesini azaltır.

Sunucu ile kullanıcı arasındaki mesafenin kısa olması, verilerin hızlı iletimi anlamına gelir.

Kullanabileceğiniz birçok CDN var.

Popüler CDN'ler:

• sucuri
• bulut parlaması
• AnahtarCDN
• Google Bulut CDN'si
• CacheFly

Son İpucu: HTTP/2'yi kontrol edin

Bazen her şeyi doğru yapabilirsiniz, ancak web sitesi hız testinde en az HTTP isteği hatası alırsınız.

Bu durumda sitenin HTTP 1 veya HTTP/2'de yüklenip yüklenmediğini kontrol edin. Bu, bazı barındırma sağlayıcılarının hala eski HTTP ve PHP kullanıyor olması şaşırtıcı.

ServerGuy'da, müşterilerimizin en iyi barındırma deneyiminden en iyi şekilde yararlanabilmeleri için teknolojik yığınımızı güncel tutuyoruz.

HTTP/2, HTTP/1'e göre birçok avantaja sahiptir. Birincisi, HTTP/2 dosyaları eşzamansız olarak yükleyebilir. Barındırmanızın HTTP/2'yi destekleyip desteklemediğini belirlemek için site URL'nizi KeyCDN testinde çalıştırın.

Değilse, barındırma şirketinizi yeniden değerlendirmelisiniz.

Sarmak

WordPress'te HTTP isteklerini azalttığınızda, site performansını kesinlikle artırır. Ancak ideal hız için daha iyi bir web barındırma almanız gerekir.

ServerGuy'da, üç saniyenin altında bir sayfa yükleme garantisi veriyoruz. WordPress barındırma hizmetimizi kontrol edin.

Bu yazıda, HTTP isteklerini azaltmanın en iyi birkaç yolundan bahsettim. Umarım web sitenizin hızını artırmanıza yardımcı olur.

Herhangi bir sorun veya sorun varsa, yorum kutusuna bırakın.