WORDPRESS’TE HTTP TALEPLERİ NASIL AZALTILIR (WEB SİTENİZİ DAHA HIZLI YAPIN!)

0
182
views
WORDPRESS'TE HTTP TALEPLERİ NASIL AZALTILIR (WEB SİTENİZİ DAHA HIZLI YAPIN!)
Banggood WW

WordPress’teki HTTP isteklerini nasıl azaltacağınızı öğrenmek, sadece geliştiricilerin uğraşması gereken bir şeye benziyor. Ancak, gerçekte, CMS tarafından desteklenen bir web sitesine sahip olan herkesle ilgilidir.

İşte Torque’da, WordPress web sitenizi nasıl hızlandıracağınıza dair kapsamlı bir şekilde yazdık:

  • WordPress Hızı ve Önbelleğin Önemi İçin Bir Kılavuz
  • WordPress’i Hızlandırmanın ve Sayfa Yükleme Süresini Azaltmanın 14 Yolu
  • WordPress Web Sitesi Hızınızı Arttırmanın Basit Ama Kanıtlanmış Yolları

HTTP isteklerini azaltmak, bu bulmacanın sadece bir parçası, ama çok önemli bir şey. Bu nedenle, bu makale ayrıntılı olarak nasıl yapıldığını ele alacaktır.

Parfum Mekani TR

İlk bölümde, tam olarak HTTP / S isteklerinin ne olduğunu ve numaralarını olabildiğince düşük tutmanın neden önemli olduğunu tanımlayacağız. Ardından makalenin geri kalanı, kendi WordPress web sitenizdeki HTTP isteklerini azaltmanın pratik yollarını gösterecektir.

HTTP / S İstekleri Nedir ve Neden Önemlidir?

Baştan başlayalım. HTTP / S isteği nedir?

Öncelikle, bir HTTP veya HTTPS isteğinden bahsettiğimiz , sitenizde HTTPS şifrelemesi kurup kurmamaya bağlıdır . Bunun yanı sıra, onlar aynı şey, bu yüzden bu yazıdaki iki terimi birbirinin yerine kullanacağım. Ancak, bunlar neler?

Her Web Sitesinde Gerçekleşen HTTP İstekleri

En temel seviyede, bir tarayıcı sunucunuzdan bir şey istediğinde bir HTTP isteği gerçekleşir. Bu, bir stil sayfası, resim, gömülü video veya komut dosyası gibi bir dosya olabilir. Temel olarak, sitenizin oluşturduğu her şey. Bunların her biri ayrı bir istektir.

Bu önemlidir, çünkü yalnızca istenen tüm dosyalar tarayıcıya teslim edildiğinde web sitenizi oluşturur. Ondan önce ziyaretçileriniz bunu göremez.

Tahmin edebileceğiniz gibi, tarayıcının indirmesi ve işlenmesi ne kadar fazla olursa, sitenizin yüklenmesi o kadar uzun sürer. Siteniz popüler ise bu özellikle doğrudur. Bu durumda, sunucunuz aynı anda birçok HTTP isteğiyle ilgilenmek zorundadır.

Bunun da, trafiği, aboneleri, dönüşümleri, satışları ve daha fazlasını etkileyen kullanıcı deneyimi üzerinde büyük etkisi vardır – kısacası: web sitenizin başarısı.

Alt Çizginizi Etkilerler

HTTP isteklerinin önemini ve sayfa yükleme süresine etkisini anlamak için iyi bir örnek Amazon’dur. Şirket bir kerede , sayfa yükleme süresinde yalnızca bir saniyelik bir gecikmenin yıllık 1,6 milyar dolar gelir kaybına neden olacağını hesapladı !

Siteniz muhtemelen aynı düzeyde nakit akışı olmasa da (ancak öyleyse, şeref!) , Yüklemesi üç saniyeden uzun sürerse , ziyaretçilerin yüzde 40’ını geri püskürtecektir .

yükleme süresinin alışveriş davranışını nasıl etkilediği

Buna ek olarak, Google etti kaydında gitmiş sayfa yükleme süresi bir sıralama unsur olduğunu söyledi. Ayrıca, Temmuz 2018’de gelen mobil aramalara da genişletecekler . Sonuç olarak, WordPress sitenizdeki HTTP isteklerini azaltmaya yönelik herhangi bir yatırım, alt satırda bir yatırımdır.

Ancak, bunu yapmanın ilk adımı nedir? Sitenizden kaç tane istek geldiğini bilmek.

WordPress Web Sitenizin HTTP İsteği Sayısını Nasıl Kontrol Edebilirsiniz?

Sitenizdeki HTTP isteklerinin sayısını azaltmak için önce durum kotasını ölçmeniz gerekir. Sorununuzun ne kadar büyük (veya küçük) olduğunu bulmak için aşağıdaki araçları kullanın.

Chrome Geliştirici Araçları

Google’ın tarayıcısı, her site öğesinin ve dosyanın ne kadar sürede yükleneceği hakkında derinlemesine bilgi sunar. Sadece sitenizi ziyaret edin ve tarayıcı menüsünü açın, ardından Diğer Araçlar> Geliştirici Araçları’na gidin (veya Ctrl / Cmd + Shift + I tuşlarına basın ).

http geliştirici wordpress'i nasıl geliştirirsiniz?

Yan taraftaki yeni panelde  sekmesine tıklayın.

google chrome geliştirici araçları ağ monitörü

Burada, sitenizde tam olarak ne olduğunu ve her görevin ne kadar sürdüğünü inceleyebilirsiniz. Tarayıcı ayrıca her eleman için ayrıntılı bilgi sunar.

Firefox’un da benzer işlevleri var , ancak Chrome’u kullanımı biraz daha rahat buldum.

Pingdom

Sayfa hızını ölçme konusunda Pingdom benim kişisel favorim. Aracın hoş bir arayüzü var ve hızlı bir şekilde sonuç veriyor. Sadece sitenizi girin, test edilecek yeri seçin ve işe yarayacak.

Genel bir puanın yanı sıra, bazı iyileştirmeler kullanabilecek alanlar hakkında ayrıntılı bilgi alırsınız.

http isteklerinin pingdom test sayısı
Görünüşe göre New York Times, HTTP isteklerini azaltma konusunda bazı ipuçları kullanabilir.

Ayrıca, sayfa ağırlığını içeriğe ve en önemlisi bir şelale diyagramına göre ayrılmış olarak gösterir.

pingdom araçları şelale diyagramı

İkincisi, her isteğin ne zaman ve ne kadar sürede tamamlandığını nelerin yüklendiğini izlemenizi sağlar. WordPress sitenizdeki HTTPS isteklerini azaltmak için somut adımlar atmak için çok yararlı bilgiler.

GTmetrix

GTmetrix , Pingdom’a çok benzer. Servisleriyle, genel sayfa hızı puanınızı öğrenebilir ve sitenizi tam olarak yavaşlatır ve nasıl düzelteceğinizi öğrenirsiniz. Aynı zamanda bir şelale diyagramı ile birlikte geliyor.

http isteklerini azaltmak nasıl wordpress gtmetrix

Genel olarak, GTmetrix genellikle biraz daha yavaştır ve bakmak kadar hoş değildir. Ancak, yine de çok kullanışlı ve sıklıkla hem Pingdom hem de bu aracı birlikte kullanıyorum.

WordPress’te HTTP İstekleri Nasıl Azaltılır

Pekala, şimdi sorunun nerede olduğunu bildiğinize göre, çözümler hakkında konuşalım. Aşağıda, WordPress web sitenizdeki HTTP isteklerini azaltmanın farklı yollarını bulabilirsiniz. Bazıları biraz teknik olsa da, çalışmasını sağlayacağınıza tamamen güveniyorum.

Yeniden geri dönüşüm azaltmak

Aşırı HTTP istekleri, çoğunlukla WordPress sitenizde çok fazla şeyin olması gereken bir şeydir. En yaygın suçlular eklentileridir. Birçoğu web sitenizin yükleme sırasına kendi stil sayfalarını ve varlıklarını ekler.

Sonuç olarak, günün ilk sırasını eklenti listenizden geçirin ve onu temel ihtiyaçlara göre kaynatın. İhtiyacınız olmayan şeyleri kaldırın, yalnızca ara sıra kullandıklarınızı devre dışı bırakın. Acımasız olun, site performansınız size teşekkür edecek.

wordpress'te http isteklerini nasıl azaltabilirim

Ancak, eklentilerde durmuyor. Daha sonra, temalar dahil sitenizde ihtiyacınız olmayan her şeyden kurtulun. Bizim göz atın bahar temizliği e-kitap size kurtulabilirsiniz ne fazla fikir için. Bu yalnızca HTTP isteklerini azaltmakla kalmaz, aynı zamanda güvenliği de arttırır ve sitenizi birlikte çalışmayı daha keyifli hale getirir.

Sitenizi önemli ölçüde yavaşlatan dosya veya varlıkları bulmak için yukarıdaki analiz araçlarını kullanın. Bu durumda, onlardan kurtulmanın veya değiştirmenin yollarını bulun.

Sitenizde kalan her şey için, WP Varlık Temizleme’yi kullanmak isteyebilirsiniz . Eklenti , görüntüler için tembel yüklemeye benzer şekilde çalışır (aşağıya bakın). Ziyaretçiler tarafından istenen sayfalarda görünmeyen site varlıklarını algılar. Bu durumda, yüklenmelerini önler, böylece HTTP isteğini azaltır.

Kullanılmayan Görüntüleri Sil

Kurtulacak varlıklar arasında, görüntüler özel bir öneme sahiptir. Yalnızca HTTP istekleri üretmekle kalmaz, aynı zamanda sayfa ağırlığının çoğunu da oluştururlar. Bu nedenle, onları azaltabilirseniz, yapın!

Eklenti sayfanızda yaptığınız gibi, WordPress medya kitaplığından geçin ve kullanmadığınız şeyleri acımasızca kesin. Bu aynı zamanda sizinkini küçültecek, bu da yedeklemeler ve göçleriçin iyi bir haber .

SEO ve hızlı yükleme için kalan görüntüleri optimize edin . Ardından, yukarıda belirtilen tembel yüklerle sitenizi daha da hızlandırın . Veya bir şeyleri bir üst seviyeye çıkarmak istiyorsanız, görüntü sprite oluşturun . Bu, birkaç görüntüyü bir araya getirir ve yalnızca belirli bölümlerini CSS aracılığıyla görüntüler.

CSS ve JavaScript Dosyalarını Birleştirin ve Küçültün

Birkaç dosyayı tek bir dosyada birleştirmek hakkında konuşarak, aynı şeyi stil sayfaları ve komut dosyaları ile yapabilirsiniz. Bunların her biri ayrı bir HTTP / S isteğini temsil eder ve bu nedenle ne kadar azına sahipseniz o kadar iyidir. Büyük bir dosya genellikle birkaç küçük dosyadan çok daha hızlı indirilir.

Artı, bunu minyatürle birleştirebilirsin. Bu, sadece dosyaları insanlar için okumayı kolaylaştıran tüm karakterleri silmek ve biçimlendirmek anlamına gelir. Bunu yapmak, dosya boyutunu büyük ölçüde azaltır ve böylece indirmelerini hızlandırır.

http isteklerini azaltmak nasıl wordpress css küçültme örneği

Bunların hepsini örneğin Gulp gibi bir araçla el ile yapabilirsiniz . Doğru elde etmek için bu kılavuzu kullanın .

Bununla birlikte, yukarıdakilerin tümünü otomatik olarak yapacak Autoptimize’i kurmak kolay bir yöntemdir . Bununla çok iyi bir deneyim yaşadım . Aşağıdaki önbellek eklentilerinin bazıları da bu yeteneğe sahiptir.

Bununla birlikte, birleştirme ve küçültmenin artık HTTP / 2 ile gerekli olmadığının farkında olun . Dolayısıyla, trafiğinizin çoğunluğu zaten bu protokolü kullanıyorsa, bu tekniğin eskisi kadar büyük bir etkisi olmaz.

Dış Kaynakları Sınırla

HTTPS istekleri yalnızca kendi sitenizden gelmez, dış kaynakları da içerebilir. Popüler örnekler şunları içerir:

  • Özel yazı tipleri – için hizmetler yaparken özel yazı tipleri genellikle hızlı, hala fazladan istekleri üretirler. Bu nedenle, burada sloganı şudur: Yalnızca gerçekte kullandıklarınızı yükleyin. Bu sadece yazı tipi sayısını sınırlamakla kalmaz aynı zamanda stilleri ve komut dosyalarını da sınırlar.
  • Harici görüntüler – Harici görüntüler en çok yorum bölümünde, özellikle WordPress varsayılan olarak Gravatar kullandığından. Bunları Ayarlar> Tartışma> Avatarlar altında kapatabilir ya da kapatabilir ya da bu eklentilere sahip olabilirsiniz .
  • Sosyal medya düğmeleri ve sayaçları – Sosyal medya önemli bir pazarlama aracıdır , ancak bunu abartmak kolaydır. Her ağda olmanız gerekmediği gibi, hepsi için de paylaşım seçenekleri sunmanıza gerek yok. Gerçekte ne kullanıyorsanız kalın.
  • Gömülü videolar – YouTube ve diğer kaynaklardan gelen videolar , içeriğinize mükemmel bir katkı sağlar. İyi bir hizmet kullanıyorsanız, genellikle de hızlı bir şekilde sunulurlar, ancak video embedleri yine de ek HTTP istekleridir. Yani, onlara ihtiyacınız yoksa, onlardan kurtulun.

Yine, herhangi bir dış isteğin web sitenizi aşırı derecede yavaşlatıp yavaşlatmadığını öğrenmek için yukarıdaki analiz araçlarına bakın.

Bir Önbellek Eklentisi ve / veya CDN kullanın

Önbelleğe alma, sitenizdeki HTML isteğinin toplamını azaltmazken, yinelenen ziyaretçiler tarafından yapılan istek sayısını azaltabilir. Sitenizin içeriğinin birçoğunu statik tuttuğu için, siteniz tarafından düzenli olarak sallanan kişilerin en baştan her şeyi indirmesi ve işlemesi gerekmez.

Buradaki en popüler adaylar WP Süper Önbellek ve W3 Toplam Önbellek . WP Roket popüler bir ticari çözümdür.

Önbellekleme ayrıca bir içerik dağıtım ağı (CDN) ile birlikte iyi çalışır . Bu, sitenizin bir kopyasını el altında tutan dünya genelinde dağıtılmış bir bilgisayar ağı anlamına gelir. Bu şekilde, mümkün olan en yakın yerden ziyaretçilere servis edilebilir.

Buna ek olarak, bir CDN HTTP isteklerini sizinkinden başka bir sunucuya boşaltır. İş yükünü bu şekilde bölmek, sayfa yükleme hızınızı büyük ölçüde artırabilir.

Sitenizdeki HTTP İsteklerini Nasıl Azaltacaksınız?

WordPress’te HTTP / S talebini en aza indirgemek, kullanıcı deneyimine ve sonuç olarak doğrudan bir yatırımdır. İstekler sitenizi yavaşlatır; bu da diğer tüm başarı işaretleyicilerini yavaşlatır.

Bu makalede, hangi HTTP isteklerinin tanımlandığını, bunların nasıl ölçüleceğini inceledik ve WordPress sitenizde daha azına sahip olmanın yollarını inceledik. Sonunda, HTTP isteklerini azaltmak, sağlıklı bir minimalizm kullanmaya ve sadece sitenize kesinlikle ihtiyacınız olanı tolere etmenize neden olur.

Bu onu sıkıcı ve zevksiz yapmak anlamına gelmez. Sadece web varlığınıza ve bunun için neyin gerekli olduğuna iyi bir bakış atmak anlamına gelir. Gereksiz bileşenlerin ve varlıkların kaldırılması yalnızca HTTP isteklerini azaltmanıza ve sitenizi hızlandırmanıza yardımcı olmaz, aynı zamanda iş akışınızı büyük ölçüde iyileştirir. Bu şekilde herkes kazanır.

GearBest TR

CEVAP VER

Please enter your comment!
Please enter your name here