WordPress'te Daha Az HTTP İsteği Yapmanın En İyi 13 Yöntemi

HTTP isteğini anlama

HTTP istekleri hakkında derinlemesine bilgi edinmeden önce, bununla ilgili temel kavramlarınızı netleştirmelisiniz.

• HTTP (Köprü Metni Aktarım Protokolü), tarayıcılar ve sunucular tarafından iletişim kurmak için kullanılan bir dildir.
• Bir kullanıcı bir web sitesini ziyaret ettiğinde, tarayıcı sunucuya bir HTTP isteği gönderir,
• Sunucu daha sonra web sayfasını görüntüleme isteğini başlatır,
• Web sayfasını düzgün bir şekilde yüklemek için tarayıcının ayrıca eklentiler, videolar ve resimler gibi çeşitli web sayfası bileşenleri için birden çok HTTP isteği yapması gerekir.
• Web sayfası bileşenleri ne kadar fazla olursa, web sitesi performansını yavaşlatabilen HTTP istekleri de o kadar fazla olur.
• Web sitesi hızını artırmak için HTTP isteklerinin sayısını azaltmaya odaklanmak önemlidir.

Ancak neden daha az HTTP isteği yapmanız gerekiyor? Nedenini öğrenelim.

Neden daha az HTTP isteği yapmanız gerekiyor?

Herhangi bir web sitesi için neden daha az HTTP isteği yapmanız gerektiğinin ana nedenleri şunlardır:

1. Sayfa Yükleme Süresi - Daha az HTTP isteği yapmanın ilk nedeni, sayfa yükleme süresini azaltmaktır. Web siteniz ne kadar çok HTTP isteği alırsa, istenen web sayfasının yüklenmesi de o kadar uzun sürer. Örneğin, bir web sayfası 10 HTTP isteği alırsa, 50 HTTP isteği olan başka bir web sayfasından daha hızlı yüklendiğini varsayalım.

Ve sayfa yükleme süresiyle ilgili asıl sorun ziyaretçilerdir. Sayfa yükleme süresi ne kadar yüksek olursa web trafiği o kadar düşük olur çünkü ziyaretçiler içeriğin web sitenize yüklenmesini beklemekten hoşlanmazlar. Özellikle, internette çok fazla rekabet olduğunda, sayfa yükleme süresi yüksek olan web siteleri zamanla trafiklerini kaybedebilir ve bu nedenle, olmasını istemeyeceğiniz düşük olası satışlar olabilir.

2. Hemen çıkma oranı – Şimdi, yüksek sayfa yükleme süresinin ve düşük olası satışların web sitenizin diğer parametrelerini nasıl etkileyebileceğini görelim. Google tarafından 2017'de yayınlanan raporlara göre, sayfa yükleme süresi 1 ila 3 saniye yavaşladığında, hemen çıkma oranı sonunda yüzde 32'ye kadar artıyor. Ve işleri daha da kötüleştirmek için, zayıf yükleme süresi SEO sıralamanızı da etkiler ve tüm çabalarınız boşa gider.

Artık, web sitenizin temel metriklerini ve çevrimiçi işinizi etkilemeyecek daha az HTTP isteğinde bulunmanın ne kadar önemli hale geldiğini anlayabilirsiniz.

Web sitenizin gereksiz HTTP isteklerini nasıl analiz edebilirsiniz?

Şimdiye kadar, HTTP isteklerinin nasıl çalıştığını ve neden daha az istekte bulunmanız gerektiğini anlamanız için işleri kolaylaştırmaya çalıştık. Şimdi, web sitenizin kaç tane HTTP isteğiyle uğraştığını belirlemenizin zamanı geldi ve bunu nasıl analiz edebilirsiniz? Hadi görelim!

Web sitenizin uğraştığı HTTP isteklerini tanımlayın

web sitenizin kaç tane aldığını bilmeden kaldıramaz veya daha az HTTP isteği oluşturamazsınız. Ancak neyse ki, web sitenizin HTTP isteklerini belirlemenize yardımcı olan çeşitli çevrimiçi araçlar mevcuttur.

Örneğin, Pingdom size anında ücretsiz bir web sitesi performans raporu veren popüler web sitesi performans test araçlarından biridir ve ayrıca web sitenizin kaç istek aldığını da görebileceksiniz.

Ancak, bir krom tarayıcı kullanıyorsanız HTTP isteklerinin sayısını DevTools'tan da kontrol edebilirsiniz. Bunun için tek yapmanız gereken kontrol etmek istediğiniz sayfaya sağ tıklayıp “ İncele > Ağ ” seçeneğini seçmek.

Web sitenizin notlarını analiz etmek için bir denetim çalıştırın

Daha iyi bakım ve bakım için web sitenizin performansını düzenli aralıklarla değerlendirmelisiniz. Daha iyi bir şekilde anlayalım.

Daha önce olduğu gibi, Pingdom adlı ücretsiz bir web sitesi performans testi aracı kullandık. Ancak ücretsiz araçlarla ilgili bir sorun vardır, yani özellikleri sınırlıdır ve yalnızca temel sonuçları alırsınız. Bununla birlikte, size derinlemesine web sitesi performansı ve analiz raporları sağlayan birçok premium araç da mevcuttur.

Semrush, seçebileceğiniz premium denetim araçlarından biridir. Bu aracı kullanmaya başlamak için yapmanız gereken tek şey

1. Tüm araçlar > Projeler > Yeni bir proje ekle'ye gidin
2. Web sitenizin etki alanını ve adını girin
3. Proje oluşturmaya tıklayın
4. Araç, hem masaüstü bilgisayarlar hem de mobil cihazlar için testler gerçekleştirecek ve web sitesi performansını analiz edecektir.
5. Taramayı istenen herhangi bir zamanda planlama seçeneği de mevcuttur.

Şimdi projenizi ekledikten sonra, çeşitli araç türlerinin mevcut olduğunu göreceğiniz site denetim panosuna girebilirsiniz, bunlar:

1. Site denetimi
2. Pozisyon takibi
3. Sayfa içi SEO denetleyicisi
4. Sosyal Medya Afişi
5. Sosyal Medya takipçisi
6. Marka İzleme ve daha fazlası.

Ancak bu blogda asıl odak noktamız Semrush site denetim aracı olacak.

Semrush site denetimi

Site denetim aracı, size %0 ile %100 aralığında ayrıntılı site denetim puanları sağlayacaktır.

Yukarıdaki resimden, %82 site sağlığının gösterildiğini gösteren bir Semrush site denetim raporu görebilirsiniz. Bu web sitesi sağlık puanı, bir web sitesinin performansının bağlı olduğu diğer çeşitli parametrelere ve faktörlere göre hesaplanır. Hatalı veya sorunlu web sitesi sayfaları, bozuk sayfalar, tarayıcının tarayamadığı sayfalar ve daha fazlası gibi.

• Web sitesi sağlık puanı, bir web sitesinin ne kadar iyi performans gösterdiğini analiz eder; puan ne kadar yüksekse, web sitesinin sağlığı o kadar iyidir
• Semrush, tarayıcılardan alınan hatalar ve uyarılar hakkında raporlar ve bilgiler sağlar.
• Uyarılar ikincil bir sorun olabilir, ancak hatalar mümkün olan en kısa sürede düzeltilmeli ve öncelikli bir sorun olmalıdır.

Bu araç, kolayca tanımlayabileceğiniz ve üzerinde çalışabileceğiniz yüzden fazla farklı türde web sitesi sorununu kontrol edebilir.

Web sitenizi zaten WPOven'da barındırdıysanız, daha az HTTP isteği yapmak ve web sitenizin yükleme süresini iyileştirmek için aşağıda belirtilen yöntemleri izlemeniz gerekmeyebilir. Ancak yine de bazı siteler için faydalı olabileceğinden test etmenizi öneririz, ancak gerçek hayatta herhangi bir fark görmezsiniz.

Daha az HTTP isteği yapmak için 10 Gerekli Adım

Bununla birlikte, bir web sitesinin performansından ödün verilmesinin çeşitli başka nedenleri vardır ve bu da bir web sitesinden diğerine değişir. Ancak genellikle ortak bir ana sorunları vardır, yani aşırı HTTP istekleri. Bunu göz önünde bulundurarak, web sitenizden geçen daha az HTTP isteği yapabileceğiniz 10 kolay ve kapsamlı adım sunuyoruz.

• Kullanılmayan Eklentileri Silin veya Kaldırın
• Kullanılmayan resimleri silin
• Ağır eklentileri kaldırın ve hafif olanlarla değiştirin
• Geç yükleme özelliğini etkinleştirin
• Mevcut görüntülerin dosya boyutunu azaltın
• Gereksiz medyayı silin veya kaldırın
• CDN kullan
• Önbelleğe Alma Kullanarak
• CSS ve JavaScript
• Üçüncü taraf isteklerini sınırlayın
• Harici komut dosyalarınızı sınırlayın
• küçültme
• Daha az HTTP isteği yapmak için WordPress Eklentilerini kullanma

1. Kullanılmayan eklentileri silin veya kaldırın

WordPress, esnekliği ve çok çeşitli WordPress eklenti seçenekleriyle ünlüdür. Ama onun da sorunları var. Bazı eklentiler çok işlevlidir ve bazıları işe yaramaz. Genel olarak, yeni başlayan veya yeni bir kullanıcı, WordPress eklentisi hakkında fazla ön bilgiye sahip olmadan, bunları körü körüne yükleme ve etkinleştirme eğilimindedir. Sonuç olarak, özellikler sağlamak yerine kaynaklarını tüketerek web sitenizi yavaşlatmaya başlarlar.

2. Kullanılmayan resimleri silin

• Görüntüler ve videolar gibi ortamlar, kullanıcı deneyimini geliştirebilir, ancak bunları yalnızca gerektiğinde kullanın.
• Her resim bir HTTP isteği oluşturur ve çok fazla resim web sitesi yükleme süresini yavaşlatabilir
• Her bir web sayfasını denetleyin ve web sitesi performansını iyileştirmek için alakasız resimleri kaldırın.

3. Ağır eklentileri kaldırın ve hafif olanlarla değiştirin

• HTTP isteklerini en aza indirmek için ağır eklentileri temel işlevselliğe sahip hafif eklentilerle değiştirin
• Paketlenmiş özelliklere sahip eklentilere dikkat edin, bunlar kaynak yoğun olabilir.
• Paketlenmiş özellikler yerine kolaylaştırılmış özellikler sağlayan eklentileri arayın, bunlar sayfayı yavaşlatmaz ve daha az HTTP isteği yapmaz.
• Gereksiz eklentiler kurmaktan kaçının.

4. Geç Yükleme özelliğini etkinleştirin

" Geç yükleme ", daha az HTTP isteği yapmak için etkinleştirebileceğiniz en iyi özelliklerden biridir. Bu özellik etkinleştirildiğinde, kullanıcı web sitenizi aşağı kaydırmaya başlayana kadar web sitesindeki resimler veya videolar yüklenmeyecektir. Ancak bu özelliğin daha az HTTP isteği yapmaya nasıl yardımcı olacağını merak edebilirsiniz.

İşte yanıt, kullanıcı web sayfasını kaydırmadan medya yüklenmeyecek, bu nedenle ilk sayfa yüklemesi için bir HTTP isteğini tetiklemeyecek. Bu nedenle, kullanıcı deneyimini de etkilemeyecektir. Eğlenceli gerçek şu ki, kullanıcıların çoğu bu özelliği ve normal ve yavaş yük arasındaki farkı bilmiyor.

Şimdi asıl soru şu: Bu özelliği web sitenizde nasıl etkinleştirebilirsiniz?

• Lazy load özelliği, WordPress dizinindeki Lazy load eklentisi kullanılarak etkinleştirilebilir.
• Eklenti hafiftir ve çok fazla kaynak tüketmez
• Basitçe kurun, etkinleştirin ve kullanıma hazır olun.

WP Rocket tarafından sunulan LazyLoad

Lazy Load by WP Rocket, görüntülerin, videoların ve iframe'lerin yüklenmesini kullanıcı tarafından ihtiyaç duyulana kadar erteleyen ve sayfa yükleme süresini iyileştiren bir WordPress eklentisidir.

Şimdi İndirin

src özniteliğini bir yer tutucu ile değiştirir ve kullanıcı sayfayı kaydırdığında asıl kaynağı yükleyerek veri aktarımını azaltır ve ilk yükleme süresini iyileştirir. Kullanımı kolaydır ve yapılandırma gerektirmez.

Bilmek istediğiniz bazı temel özellikler:

1. Daha az HTTP isteği yapın
2. Yükleme süresini iyileştirir
3. Javascript kitaplığı kullanılmaz
4. youtube iframe'lerini değiştirebilir

Fiyatlandırma

WPRocket'e ait olan lazyload, WordPress dizininden ücretsiz olarak kurulabilen ve kullanılabilen açık kaynaklı bir eklentidir.

5. Mevcut görüntülerin dosya boyutunu sıkıştırın/küçültün

• Gereksiz görüntüleri kaldırdıktan sonra, kaliteden ödün vermeden dosya boyutunu sıkıştırarak veya küçülterek mevcut olanları optimize edin
• Sıkıştırma ve yeniden boyutlandırma farklıdır; burada sıkıştırma, dosya boyutunu azaltarak kaliteyi korur, yeniden boyutlandırma kaliteden ödün verebilir
• Görüntüleri sıkıştırmak için çeşitli araçlar kullanın; popüler araçlar, kaliteden ödün vermeden görüntüleri sıkıştırabilen Adobe ve JPEG Optimizer'dır.

6. Gereksiz Videoları Silin veya Kaldırın

• Sunucu alanından tasarruf etmek ve web sayfası yükleme süresini iyileştirmek için gereksiz videoları web sitesinden kaldırın.
• Gereksiz görselleri ve eklentileri temizlemek gibi basit ve doğrudan işlem.
• Kitleyle alaka düzeyini ve içeriğin değerini analiz ederek hangi videoların kaldırılacağına karar verin.
• Alakasız videoların uzunluğunu kaldırın veya kısaltın.

7. İçerik Dağıtım Ağını (CDN) Kullanın

Son yıllarda, CDN çok büyük olumlu sonuçlar verdi ve daha popüler hale geldi. Neden olmasın? ne de olsa CDN, web sitesi hızını artırarak ve SEO'yu ve güvenilirliği artırarak kullanıcılara büyük fayda sağladı.

• CDN, önbelleğe alınmış web sitesi içeriğini mümkün olan en yakın konumdan sunar ve en çok web sitesi hızını artırmasıyla bilinir.
• CDN'ler ayrıca daha az HTTP isteği yapılmasına yardımcı olur
• Birçok WordPress kullanıcısı arasında popüler olan ünlü CDN sağlayıcıları Cloudflare, Amazon CloudFront vb.
• CDN'yi bir web sitesiyle düzgün bir şekilde yapılandırmak, web sitesi hızı için harikalar yaratabilir.

Ancak tüm bu özellikler, size ortalama olarak ayda yaklaşık 20 ABD dolarına mal olan bazı ücretlere tabidir.

8. Önbelleğe Alma Kullanarak

Daha az HTTP isteği yapmanın en iyi yollarından biri de içeriği önbelleğe almaktır. Bir tarayıcının önbelleği, bir web sayfasındaki içeriği görüntülemek için kullanılan komut dosyalarının kopyalarını saklar; bu, önbellek temizlenmedikçe bir ziyaretçi web sitesini tekrar ziyaret ettiğinde HTTP isteklerine olan ihtiyacı ortadan kaldırır.

İzlemeniz gereken bazı noktalar Web sitenizi içerik önbelleğine hazırlama konusunda bilgilendirmek için size bazı ipuçları vereyim:

1. Çok gerekli olmadıkça çerez kullanmaktan kaçının.
2. Tüm medya dosyalarından bir kitaplık oluşturun ve bunları tekrar tekrar kullanın,
3. Aynı URL'yi kullan
4. Web sitenizin önbelleğe alınabilirliğini değerlendirmenize yardımcı olan çevrimiçi ücretsiz araçlardan yardım alın.

9. CSS ve JavaScript

• Daha az HTTP isteği yapmanın bir yöntemi, birden fazla CSS ve javascript dosyasını birleştirmektir.
• CSS dosyalarını manuel olarak ayarlamadan dosyaları birleştirmek için kolay yöntemler mevcuttur
• WordPress önbellek eklentileri bu özelliğe sahiptir, sadece kurun, etkinleştirin ve ayarları doğru şekilde yapılandırın
• Bazı durumlarda eklenti gerekmeyebilir.

Günümüzde, bu özellikleri içeren bazı WordPress temaları yayınlanmıştır.

10. Üçüncü taraf isteklerini sınırlayın

• Bir ziyaretçi web sitesinin yüklenmesini yavaşlatabilecek bir sayfayı açmaya çalıştığında tarayıcı tarafından üçüncü taraf istekleri gönderilir.
• Üçüncü taraf yanıt süresi tahmin edilemez olabilir ve web sitesinin yüklenme süresini etkileyebilir
• Bunu azaltmak için, geç yüklemeyi etkinleştirebilir ve komut dosyalarını doğrudan bağlamak yerine barındırabilirsiniz.
• Üçüncü taraf isteklerinde bulunan eklentileri tanımlayın ve kaldırın veya alternatif bir eklenti deneyin.

11. Harici komut dosyalarınızı sınırlayın

Harici komut dosyaları terimini birçok kez duymuş olabilirsiniz, ancak özellikle bir geliştirici değilseniz tam olarak ne olduğu hakkında hiçbir fikriniz olmayabilir. Pekala, bunu basit kelimelerle anlamaya çalışabilirsiniz, örneğin \harici bir komut dosyası, diğer web sitelerinden istekleri çeken bir şeydir.

Artık harici komut dosyalarının iyi mi yoksa kötü mü olduğundan şüphe edebilirsiniz. En iyi cevap, ne iyi ne de kötüdür. Bu, onları nasıl kullandığınıza bağlıdır, daha düşük maliyetli harici betikler şaşırtıcı şeyler yapamaz ve aşırı çalışırlarsa büyük miktarlarda HTTP istemeye başlarlar.

Adını duyduğunuz ancak sürekli çalışan harici komut dosyaları olduğunun farkında olmadığınız bazı harici komut dosyaları vardır:

1. Sosyal medya eklentileri
2. Gömülü Gif'ler veya videolar
3. Widget'lar ve çok daha fazlası

Problem çözmede yaratıcılığınızı kullanarak sınırlayabilir veya daha az HTTP isteği yapabilirsiniz, örneğin web sitenizdeki haritalar eklentisini kullanmak yerine haritanın fotoğrafını çekip kullanabilirsiniz. Bir görüntü, her durumda bir Eklentiden daha az HTTP isteğine sahip olacaktır.

12. Küçültme

• Küçültme, işlevselliği değiştirmeden gereksiz karakterleri kaynak koddan çıkarma işlemidir.
• Daha iyi okunabilirlik için yorumlar ve boşluk gibi gereksiz karakterleri kaldırır
• Daha hızlı yürütme ve daha hafif kod sağlar
• Önbelleğe alma eklentilerinde veya tema seçeneklerinde kullanılabilir, bu da daha az HTTP isteği ve daha hızlı web sitesi yüklenmesi ile sonuçlanır.

13. Daha az HTTP isteği yapmak için WordPress Eklentilerini kullanma

Çoğu özellik veya ayar için eklenti kullanmaktan her zaman kaçınmalısınız. Çok fazla eklenti kurmanın web sitenizin hızını nasıl etkileyebileceğini iyi bildiğiniz için. Ancak asıl sorun, herkesin bir geliştirici olmaması veya WordPress hakkında teknik bilgiye sahip olmamasıdır.

Ortalama olarak kullanıcı, çekirdek dosyalara erişmek veya bunları düzenlemek yerine bir eklenti kullanmayı tercih eder. Çünkü çok fazla zaman ve çabayı azaltır. Size kolaylık sağlamak için, web sitenizin daha az HTTP isteği yapmasına yardımcı olan bir eklentiyi düşünebilirsiniz:

WP Roketi

WP Rocket, şu anda piyasada bulunan en iyi WordPress önbellek eklentilerinden biridir.Kullanımı çok kolaydır ve tercih edebileceğiniz en iyi başlangıç ​​dostu WordPress önbellek eklentisidir.Pek çok önbelleğe alma aracı ve seçeneği sunarak, teknoloji meraklısı değilseniz size her şeyi sağlar.

Site hızı sonuçlarını görmek için WPRocket eklentisinin resmi web sitesini kontrol ettik ve aşağıda elde ettiğimiz şey bu.

Bu eklenti, web sitenizitek bir tıklamayla önbelleğe almanıza olanak tanır.Eklenti tarafından sağlanan tarayıcı, önbelleği oluşturmak için WordPress sayfalarınızı otomatik olarak getirir. Bu WordPress önbellek eklentisinin en iyi yanı, gzip sıkıştırma, sayfa önbelleği, önbellek ön yüklemesi vb. gerekli WordPress önbellek ayarlarını otomatik olarak açmasıdır.

WP Roket Eklentisinin Özellikleri

Şimdi, WP Rocket eklentisi tarafından sağlanan özelliklere derinlemesine bir dalış yapalım:

• WordPress sitenizi önbelleğe alın, bozdurma sitenizin ultra hızlı yüklenmesini sağlar.
• Sunucudaki web sayfalarını sıkıştırın ve tarayıcıda açın.
• Her değişiklikten sonra önbelleği otomatik olarak önceden yükler.
• Hassas sayfaları önbellekten hariç tutar.
• Sık erişilen kaynakları yerel bellekte saklar.
• En popüler temalar ve eklentilerle uyumludur.

Artık bu WordPress önbelleğe alma eklentisinin ne kadar yararlı olduğunu hayal edebilirsiniz! Sadece küçük bir yatırım gerektirir, ancak sonuçlar çok etkileyici olacaktır.

Eklentilerin tam listesi ve incelemeleri için, “Web Sitenizi Hızlandırmak İçin En İyi 11 WordPress Önbelleğe Alma Eklentisi (Ücretsiz + Premium)” adlı başka bir makaleyi okuyabilirsiniz.

Bununla birlikte, yukarıdaki tüm yöntemleri kullandıktan sonra, yine de web siteniz sürükleniyor, yapabileceğiniz son şey, web sitenizin her bir çekirdeğinden size yardımcı olabilecek bir geliştirici kiralamak.

Çözüm

Şimdiye kadar, HTTP isteklerinin ne olduğunu, daha az HTTP isteği yaparsanız nasıl faydalı olabileceğini bilmekle karşılaştınız. HTTP istekleri, web sitesi içeriğini görüntülemek ve ziyaretçilerinize çekici ve daha ilgi çekici bir deneyim sağlamak için çok önemli olsa da.

Ve web sitenizde yanlış bir şey olmasını sevmezsiniz. Sonuçta, sadece web sitenizin performansını değil, potansiyel müşterilerinizle olan ilişkinizi de bozar.

Ancak en iyi yanı, tarayıcıların web sitenize daha az HTTP isteği yapmasını sağlamak için çeşitli yöntemlerinizin olmasıdır. Yükleme süresini azaltabilecek, medya dosyalarını daha iyi optimize edebilecek, SEO'larını iyileştirebilecek ve sonuç olarak daha fazla müşteri adayı oluşturabileceksiniz.

Sıkça Sorulan Sorular