WordPress Sitesinde Daha Az HTTP İsteği Nasıl Yapılır?

Hız, sitelerin arama motorlarındaki sıralamasını belirleyen kritik faktördür. Hem arama motorları hem de kullanıcılar hızlı yüklenen web sitelerini sever ve bunun nedeni hızlı bir web sitesinin olağanüstü bir kullanıcı deneyimi sunmasıdır. Bu nedenle önemli bir sıralama faktörüdür. Sitenizin yüklenme hızı nispeten yavaşsa ve site beklendiği gibi performans göstermiyorsa, bunun olası bir nedeni daha yüksek HTTP istekleri olabilir.

Web siteleri evreninde oldukça yeniyseniz veya web sitelerinin incelikleri hakkında daha fazla bilgi edinmeniz gerekiyorsa, daha fazla HTTP isteğinin web sitelerini yavaşlattığını bilmelisiniz. HTTP isteklerinin sayısını azaltmak web sitelerinin yüklenme süresini iyileştirebilir. Nasıl yapacağınızı mı düşünüyorsunuz? Sizi bu konuda bilgilendirdik.

HTTP isteklerini azaltmaya ve web sitenizin performansını ve hızını artırmaya yardımcı olacak birkaç tam kanıtlı yoldan bahsedeceğiz.

HTTP İsteği Nedir?

HTTP, bir kullanıcı çevrimiçi bilgi istediğinde izlenen bir iletişim protokolüdür. Sunucu, CSS, HTML dosyaları, resimler, videolar vb. gibi veri ve içerikleri internet üzerinden kullanıcıya iletir.

Web, sunucularda barındırılan çok sayıda içerik veya bilgi içeren geniş bir alandır. Bir kullanıcı internette bulunan bilgilere erişmeye çalıştığında, tarayıcı tarafından istekler gönderilir ve ardından yanıtlar alınır.

Bir istek olmadan, kullanıcı ve sunucu arasında etkili bir iletişim kurulamaz. Bu nedenle HTTP isteği, sunucu ile kullanıcı arasında bir iletişim katmanıdır. İstemci sunucu HTTP (hypertext transfer protocol) olarak bilinen bir mesaj gönderir ve istek mesajını üç farklı bölümde yapılandırır: başlık, istek satırı ve gövde.

WordPress sitenizin hızı ve performansı ile ilgili olarak, HTTP isteklerine dayalı olarak, aşağıdaki rakamları bilmelisiniz.

• Bir web sitesi, HTTP istekleri her sayfa için 50'nin altında tutulduğunda sağlıklıdır ve yeterli performans gösterir.

• Bir web sitesi, istek sayısı sayfa başına 25'ten az olduğunda olağanüstü performans sunar.

• Kabul edilen HTTP isteklerinin ortalama sayısı 70 olduğunda web sitesi makul bir performans gösterecektir.

Çok fazla HTTP isteği web sitenizi yavaşlatacağından, web sitenizi sağlıklı tutmanız önerilir. Web siteniz için sağlıklı bir performans sağlamanın arkasındaki nedenin üzerinden geçelim.

HTTP İsteklerini Neden Azaltmanız Gerekiyor?

Web sitesi tarafından yapılan HTTP isteklerini azaltmanın en önemli nedenlerinden biri, web sitesinin performansını ve hızını korumaktır. Ancak, ayrıntıları derinlemesine incelerseniz, bir web sitesinin yanıt süresinin %80'inin genellikle ön uçta harcandığını bilirsiniz. Ancak, bir web sitesinin yüklenme süresini etkileyen önemli unsurlardan bazıları stil sayfaları, komut dosyaları, resimler vb.dir.

Bu bileşenler, içeriğin görüntülenmesi söz konusu olduğunda çok önemlidir ve kullanıcı ile sunucu arasındaki iletişimin kurulması zaman alır. Dolayısıyla, yapılan HTTP isteklerinin sayısını azaltmanın bir diğer temel nedeni, web sitenizin temel web hayati değerlerini sağlıklı tutmaktır.

HTTP isteklerini azaltmanın arkasındaki önemli nedenleri özetleyecek olursak, ortaya çıkan sonuç aşağıdaki gibidir.

• WordPress sitelerinizdeki daha fazla dosya, çok fazla HTTP isteği yapılmasına neden olur.

• Daha uzun HTTP istekleri bir web sitesinin gerçek yüklenme süresini artırır.

• Web sitesindeki daha büyük ve daha ağır dosyalar daha uzun HTTP istekleri yapar.

• HTTP isteklerinin azaltılması LCP'niz üzerinde olumlu bir etki yaratır.

Artık HTTP isteklerinin sayısını azaltmak için gerekenleri bildiğimize göre, tarayıcının web sitenizden bilgi almayı mümkün kıldığını da anlamalısınız.

Bunları azaltmanın birkaç yolunu gözden geçirelim.

Web Sitenize Daha Az HTTP İsteği Yapmanın Yolları

Az sayıda HTTP isteğinin indirilecek daha az bayt olacağı anlamına geldiğini unutmayın. Ancak, bu görev göründüğünden daha zordur. Bunun yerine, optimizasyon göz korkutucudur.

Sunucunun yapması gereken HTTP isteklerini azaltmak için en iyi yöntemlerden bazılarını araştırdık. Liste, eklentiler yardımıyla HTTP isteklerini azaltmanın tam kanıtlı yollarını ve ayrıca manuel bir yaklaşımı içeriyor.

Lafı daha fazla uzatmadan başlayalım.

Görüntüleri Birleştirmek için CSS Sprite'larını Kullanma

CSS sprite'larını kullanmak, görüntü kaynakları için yapılan HTTP isteklerini azaltmanın en iyi yollarından biridir. Ne yazık ki, web sitenizde kullanılan her CSS dosyası render engelleyicidir, bu da ne kadar çok CSS dosyası eklerseniz o kadar ağırlaşacağı ve web sitesini yavaşlatacağı anlamına gelir.

Bu sorunu önlemek için web sitenizdeki tüm görselleri tek bir dosyada birleştirin ve gerekirse optimize edin. Bunu yaptıktan sonra, artık CSS sprites hilesini kullanabilirsiniz; bu hilede, gerektiğinde görüntünün yalnızca bir bölümünü görüntülemek için CSS kullanmanız gerekecektir. İnternette birkaç web tabanlı araç mevcuttur. Bu güçlü araçların yardımıyla resimlerinizi optimize edebilirsiniz.

Yaygın olarak kullanılan araçlara en iyi birkaç örnek CSS Sprites aracı, CSS Sprite Editor ve diğerleridir.

Görseller için Tembel Yüklemeyi Etkinleştirin

Tembel yükleme, tarayıcının görüntü alanı dışındaki görüntülerin yüklenmesini erteleyen bir özelliktir. Ancak, bir kullanıcı sitenizi ziyaret ettiğinde ve en alta kaydırmadığında, oraya yerleştirilen görüntüler yüklenmeyecektir. Bunu bir tembel yükleme betiği yardımıyla başarabilirsiniz. Bir web sitesi için katlamanın üstüne yerleştirilen görüntüler yükleneceğinden HTTP isteklerinin sayısı azalır.

Geliştiricinizden web sitenize tembel yükleme komut dosyasını eklemesini isteyebilir veya bir eklenti kullanabilirsiniz. Örneğin, WP Rockets, web sitenizde kullanıldığında katlamanın üstünde bulunan kısım için içeriği görüntüleyecek bir tembel yükleme özelliği sunar.

Buna ek olarak, WordPress web siteleri için tembel yükleme sunan başka eklentiler de vardır. Bu nedenle, hangisinin en uygun olduğunu görmek için bunları çevrimiçi olarak kontrol edebilirsiniz. Yavaş web sitelerini nasıl hızlandıracağınızı öğrenmek için buna göz atın.

Ağır Eklentileri Daha Hafif Olanlarla Değiştirin

HTTP isteklerinin sayısını azaltmanın en kesin yollarından biri, web sitenizde yüklü olan eklentilerin boyutunu kontrol etmektir. Web sitenizin yavaşlamasının arkasındaki nedenlerden biri, bir veya daha fazla eklentinin web siteniz için daha fazla çalışması ve daha fazla HTTP isteği oluşturması olabilir.

Bir eklentiyi hafif veya ağır olarak tanımlamak için profesyonellik ve kod kalitesi, kod yürütme verimliliği, özellikler ve dosya boyutu gibi birkaç şeyden emin olmanız gerekir.

Web sitenizi yavaşlatan eklentileri işaretlemenin birkaç yolu daha vardır. Bu tür eklentileri belirledikten sonra onları işaretleyebilirsiniz. Daha iyi karar vermek için aşağıda belirtilen 5 adımlı teşhisi izleyin;

1. Pingdom adlı bir araç kullanarak web sitenizin performans testini yapın ve yapması gereken HTTP isteklerinin sayısını kontrol edin. Ayrıca, aldığınız puanı not edin.

2. Bir eklentiyi, A'yı etkinleştirin ve testi yeniden çalıştırın. Daha sonra skorunuzu yazabilirsiniz.

3. İlk eklentiyi devre dışı bırakın, ardından başka bir eklenti olan B'yi yükleyin ve aynı denetimi yeniden çalıştırın.

4. Her eklentinin yaptığı HTTP isteklerini karşılaştırın ve hangisinin daha fazla yaptığına bakın.

5. Biri diğerinden daha az istek yapıyorsa, ağır olanı silin ve daha hafif olanı saklayın. Aynı işi yapacak ancak hafif seçenekler olan çok sayıda alternatif elde edeceksiniz.

Web Sitenizdeki Harici Komut Dosyalarını Azaltın

Web sitenize üçüncü taraf bir komut dosyası yüklendiğinde, HTTP istekleri yapılmalıdır. Bununla birlikte, üçüncü taraf komut dosyalarının sayısını azaltırsanız, yapılan istekler de azalacaktır.

Öte yandan, daha fazla HTTP isteği web sitenizi yavaşlatır ve performansını etkiler. Bu nedenle, web sitenizi yavaşlatan varlıkları belirlemek için web sitenizin üçüncü taraflarla olan tüm entegrasyonlarını takip etmelisiniz.

Çok sayıda HTTP isteği, kaynakların ağdan getirilmesini zorunlu kılar ve web sitenizin performansının korunduğundan emin olmak istersiniz. WordPress'te sunucu yanıt süresini nasıl azaltacağınızı öğrenmek için buna göz atın.

Bahsettiğimiz harici komut dosyaları genellikle Facebook piksellerinden, Analytics etiketlerinden, sosyal paylaşım düğmelerinden, YouTube videolarından, A/B testi etiketlerinden ve diğer kaynaklardan gelir. Web sitenizin performansını artırmak için, istek sayısına katkıda bulunan dosyaları belirlemek çok önemlidir. Üçüncü taraf isteklerini manuel olarak optimize edebilir veya bunun için bir eklenti kullanabilirsiniz.

HTML, CSS ve JavaScript'i küçültün

HTML, CSS ve Javascript kodlarının çoğaltılması gereksiz boşlukların, yorumların ve istenmeyen karakterlerin kaldırılmasına yardımcı olur. Ayrıca, dosya boyutlarının küçültülmesine ve böylece daha hafif hale getirilmesine yardımcı olur.

Bu teknik her üç dosyaya da uygulanabilir; HTML, CSS ve Javascript. Tamamen arka uçtaki kodun temizlenmesiyle ilgili olduğundan, aynı şey son kullanıcılara teslimatı etkilemeyecektir.

Dosyaları manuel olarak, çevrimiçi olarak veya bir araç ya da eklenti yardımıyla küçültebilirsiniz.

• HTML dosyalarını küçültmek için kod sayfasını açabilir ve yorumlar, satır sonları vb. gibi tüm istenmeyen öğeleri kaldırabilirsiniz; dosyanız daha hafif hale gelecektir.

• CSS dosyalarını küçültmek için tüm ekstra boşlukları ve yorumları kaldırın. Ayrıca, sınıfı kaldırmanız, ID'yi kısaltmanız ve değişken adlarını mümkün olduğunca kaldırmanız gerekir.

• JS dosyalarını küçültmek için fazladan boşlukları ve JS yorumlarını kaynak koddan kaldırmalısınız. Ayrıca, tüm dizileri nesnelere dönüştürün, temel sabit ifadelerin yanıtlarını arayın ve en iyi sonuçları elde etmek için koşullu ifadenizi optimize edin.

Alternatif olarak, dosyalarınızı küçültmek için bir eklenti kullanırken, küçültmek istediğiniz dosyalar için kutuları işaretlemeniz gerekir ve görev otomatik olarak yapılır. İşlem için WP Rocket kullanıyorsanız, dosyaları optimize etmek için ayrı bir bölümleri vardır.

CSS ve Javascript'i birleştirin

Siteniz tarafından oluşturulan HTTP isteklerini azaltmanın en kolay yöntemlerinden biri hiç şüphesiz CSS ve Javascript dosyalarınızı birleştirmektir. Ne yazık ki WordPress eklentileri ve temaları çok sayıda JS ve CSS stil sayfasının yüklenmesini gerektirir. Bunun için tarayıcının web sayfalarını oluşturmak için tüm kaynakları yüklemesi gerekir. Bu da sonuçta HTTP isteklerinin sayısının artmasına neden olur.

CSS ve Javascript dosyalarınızı rahatça birleştirebileceğiniz birkaç çevrimiçi araç mevcuttur. SmartOptimizer, CSS Crush, JSCompress.com ve daha fazlası en iyi seçeneklerden bazılarıdır. WordPress sitenizin birleştirilmiş dosyalarını bu web sitelerine yükleyebilir ve site hızının arttığını deneyimleyebilirsiniz. Ayrıca, HTTP isteklerini azaltarak web sitenizin optimize edilmesine yardımcı olur.

Görselleri Optimize Edin ve Önemli Olmayanları Silin

Henüz görüntüleri CSS sprite'larıyla birleştirmeye yardımcı olacak böyle bir eklenti olmasa da, web sitenizin görüntülerini optimize etmeye yardımcı olacak birkaç inanılmaz eklenti var. Elbette görseller eşsiz bir kullanıcı deneyimi için çok önemlidir, ancak eklenen her görselin fazladan bir HTTP isteği oluşturduğunu bilmelisiniz. Bu nedenle, tüm görsellerinizi akıllıca seçin ve yalnızca içeriğinize değer katan görselleri ekleyin.

Alternatif olarak, tüm görsellerinizi web sitenize eklemeden önce optimize edin. Görselleri optimize etmek, kalitelerinden ödün verilmemesini sağlayarak görsellerin boyutunu küçültmeniz gerektiği anlamına gelir.

Web sitenizde bulanık görseller olması durumunda aynı şeyin bir anlamı yoktur. Görseller yüksek kaliteli olmalı ancak ağır olmamalı, içerik ve bağlam görünür olmalıdır.

WordPress'te görselleri nasıl optimize edebil eceğiniz aşağıda açıklanmıştır.

En iyi sonuçlar için kullanabileceğiniz birkaç harika yeniden boyutlandırma aracı vardır. Bunlardan bazıları Photoshop, Mac için Preview, GIMP ve çok daha fazlasıdır. Ancak, resimlerin dosya boyutunu küçültmenin yapılan HTTP isteklerinin sayısını etkilemediğini, ancak web sitesinin daha hafif olmasına yardımcı olarak daha kısa yükleme süresi sağladığını unutmayın.

Komut Dosyalarını Yalnızca Gerektiğinde Yükleyin

Bu, web sitenizin yapması gereken HTTP isteklerinin sayısını en aza indirmek için atabileceğiniz bir başka tam kanıtlı adımdır. Elbette, komut dosyalarının yalnızca gerektiğinde yüklendiğinden emin olmalı ve bunları gerektirmeyen sayfalardan kaldırmalısınız. Bununla birlikte, bir denetim yapın ve yüklenmesi gerekmeyen sayfalardan komut dosyalarını ve eklentileri kaldırın.

Belirli sayfalarda veya gönderilerde komut dosyası yüklemesini devre dışı bırakmak için kullanabileceğiniz birkaç harika eklenti mevcuttur. Üstelik bu eklentiler betiklerin yalnızca ihtiyaç duyulduğunda yüklenmesini sağlayacaktır.

Örneğin, Perfmatters adlı eklenti, komut dosyalarının yalnızca gerektiğinde sayfalara veya gönderilere yüklenmesine izin verecektir. Bir diğer harika eklenti ise daha az kullanıcı dostu olan ancak harika bir iş çıkaran Asset Cleanup Pro'dur.

Sıkça Sorulan Sorular

Aşağıda sıkça sorulan bazı sorulara yer verilmiştir

Q. Bir WordPress Web Sitesini Yavaşlatan En Önemli Şeyler Nelerdir?

WordPress web sitenizin yavaşlamasına neden olan çeşitli faktörler vardır.

Bunlardan başlıcaları optimize edilmemiş görüntülerin görüntülenmesi/eklenmesi, arka planda çalışan çok sayıda komut dosyası olması, yavaş bir WordPress teması veya PHP'nin eski bir sürümünün kullanılması ve çok daha fazlasıdır.

Bu nedenle, web sitenizin hızının eşit olduğundan emin olmak için çeşitli faktörleri kontrol edin.

Q. Eklentileri Kullanmak Dışında HTTP İsteklerini Azaltmanın Başka Yolları Var mı?

Evet, web sitenizin arka ucunda çalışan bir geliştirici ekibiniz varsa, onlardan web sitenizdeki HTTP isteklerini azaltmak için gerekli adımları atmalarını kolayca isteyebilirsiniz.

Bununla birlikte, eklenti kullanmaktan yana değilseniz, HTTP isteklerini artıran her yönü hızlı bir şekilde düzeltebileceğiniz bazı mükemmel manuel yöntemler mevcuttur.

Q. Sunucu Çok Fazla İstek Aldığında Ne Olur?

Tarayıcının sunucuya gönderdiği çok fazla istek sağlıksızdır ve web sitenizin performansını etkiler. Örneğin, çok sayıda istek kaba kuvvet veya DDoS (dağıtılmış hizmet reddi) saldırılarına işaret eder.

Ayrıca HTTP, sitenin kötü amaçlı yazılım faaliyetlerinden iyi korunmasını sağlamak için kullanıcının IP adresini engeller. Sonuç olarak, kullanıcı web sitesine erişemez.

Q. HTTP İstekleri Neden Azaltılır?

HTTP isteklerini azaltmanın arkasındaki önemli nedenlerden biri, web sitenizin yeterli performansı sağlamak için bunu yapmasıdır.

Web siteniz ne kadar çok HTTP isteğine sahip olursa, kullanıcılar için o kadar yavaş yüklenir. Bunu söyledikten sonra, HTTP istekleri üzerinde çalışır ve istek yükünü optimize ederseniz, web sitenizin performansı iyi bir şekilde artacaktır.

Toparlamak

Web sitenizin mükemmel performansını ve hızlı yüklenmesini sürdürmek için daha az HTTP isteği sağlamalısınız. Bu sayıyı 50'nin altında tutmak, web sitenizin beklendiği gibi performans göstermesine yardımcı olacaktır. Yukarıda bahsedilen eklentilerin yardımıyla HTTP isteklerini azaltabilir ve isteklerin bu sayıyı aşmamasını sağlayabilirsiniz.

Eklentiler gereksiz istekleri azaltmaya yardımcı olur ve en iyi yanı da bunun için teknik bilgiye ihtiyaç duymamanızdır. Eklentiler sayesinde daha fazla çalışmanıza gerek kalmaz ve yine de en iyi performans sonuçlarını elde edersiniz. Daha az HTTP isteği ile sitenizin SERP'lerdeki sıralamasını hızla yükseltebilirsiniz.