Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te HTTP İstekleri Nasıl Azaltılır (6 Kolay Yol)

Birkaç yıl önce, WPBeginner web sitesini hızlandırmanın en iyi yollarını arıyorduk. İşte o zaman HTTP isteklerini azaltmanın yükleme hızlarımız üzerinde bir etkisi olduğunu keşfettik.

Birisi web sitenizi her ziyaret ettiğinde, tarayıcısı sunucunuza istekte bulunarak resimler, stil sayfaları ve komut dosyaları dahil olmak üzere sayfayı görüntülemek için gereken tüm dosyaları indirmesini ister. Ne yazık ki, bu HTTP isteklerinin her biri yükleme sürecine zaman ekler.

Çok fazla istek olduğunda, sunucunuzun daha fazla çalışması gerekir ve bu da web sitenizi yavaşlatır. Bu aynı zamanda web sitenizin SEO’suna ve kullanıcı deneyimine de zarar verebilir.

Bu makalede, WordPress’te HTTP isteklerini azaltmak ve web sitenizin performansını artırmak için pratik yöntemler sunacağız.

How to Reduce HTTP Requests in WordPress

WordPress’te HTTP İsteklerini Neden Azaltalım?

WordPress web sitenizdeki her sayfa genellikle birkaç öğe içerir. Bunlar resimler, CSS ve JavaScript dosyaları, video yerleştirmeleri ve daha fazlasını içerebilir.

Bir kişi bir web sayfasını ziyaret ettiğinde, tarayıcısının sayfayı görüntülemek için her bir öğeyi ayrı ayrı yüklemesi gerekir. Web sitenizde çok sayıda resim veya başka kaynaklar varsa, bu durum yavaş yükleme sürelerine yol açabilir.

Sunucunuzda barındırılan dosyalara ek olarak, web siteniz Google Analytics komut dosyaları, sosyal medya widget’ları veya reklam pikselleri gibi harici kaynaklardan gelen kaynakları da yükleyebilir.

Bu unsurlar web sitenizin işlevselliğini ve kullanıcı deneyimini geliştirirken, optimize edilmedikleri takdirde yükleme sürelerini de yavaşlatabilirler.

Yavaş web siteleri ziyaretçileri hayal kırıklığına uğratarak sayfa daha tam olarak yüklenmeden ayrılmalarına neden olabilir. Strange Loop tarafından yapılan bir araştırmaya göre, bir saniyelik gecikme dönüşümlerde %7, sayfa görüntülemelerinde %11 ve müşteri memnuniyetinde %16 düşüşe yol açabiliyor.

Strangeloop speed study

WordPress’te HTTP isteklerini azaltmak, web sitenizin performansını artırmanın mükemmel bir yoludur ve WPBeginner’da sayfa yükleme hızını artırmanın temel yollarından biridir.

HTTP İstekleri Nasıl Belirlenir?

WordPress’te HTTP isteklerini nasıl azaltacağınızı göstermeden önce, bunları nasıl belirleyebileceğinizi gözden geçirelim.

Tarayıcınızın geliştirici araçlarını kullanarak web siteniz tarafından yapılan HTTP isteklerini kolayca görüntüleyebilirsiniz. Bu size web sayfasını görüntülemek için yüklenmesi gereken dosyaların bir listesini gösterecektir.

Örneğin Google Chrome’da, Görünüm ” Geliştirici ” İncele‘ye giderek geliştirici araçlarını açabilirsiniz. Ayrıca sayfaya sağ tıklayıp menüden ‘İncele’yi de seçebilirsiniz.

Ardından, ‘Ağ’ sekmesine gidin. Sayfayı yeniden yüklediğinizde, dahili ve harici HTTP istekleri de dahil olmak üzere yüklenen tüm kaynakların bir listesini göreceksiniz.

Identifying HTTP Requests Using Your Browser's Developer Tools

Yalnızca harici HTTP isteklerini görüntülemek için ‘3. taraf istekleri’ filtresini kullanabilirsiniz. Sadece JS (JavaScript) veya CSS gibi yükleme sürelerinizi etkileyebilecek belirli dosya türlerini görmek istiyorsanız, listeyi filtrelemek için üst kısımdaki düğmeleri kullanmanız yeterlidir.

Yüklenmesi yavaş olan dosyalara dikkat edin. Bu kaynakların her birinin yüklenmesinin ne kadar sürdüğünü görmek için ‘Zaman’ sütununa bakabilirsiniz. Ardından, listeyi zamana göre sıralamak için bu sütun başlığına tıklayabilirsiniz ve ikinci kez tıkladığınızda en yavaş yüklenen dosyalar en üste yerleştirilir.

Dördüncü ‘Başlatan’ sütununa baktığınızda, bazen dosyayı yükleyen eklentinin veya temanın adını görürsünüz. Yavaş yüklenen dosyaları talep eden eklentileri veya temaları not edin.

Daha ayrıntılı bir rapor almak için Pingdom gibi üçüncü taraf araçları kullanabilirsiniz. Daha fazla bilgi için WordPress’te üçüncü taraf alan adı isteklerinin nasıl izleneceğine ilişkin kılavuzumuza göz atın.

Bununla birlikte, WordPress’te HTTP isteklerini azaltmanın en iyi yollarından bazıları şunlardır; bu da daha hızlı yükleme süreleri, gelişmiş kullanıcı deneyimi ve daha iyi arama motoru sıralaması sağlar:

Hadi başlayalım!

1. CSS ve JavaScript Dosyalarını Birleştirin

Web sitenize yapılan HTTP isteklerinin sayısını azaltmanın en iyi yolu, erişilmesi gereken dosya sayısını azaltmaktır. Herhangi bir işlevsellik kaybı olmadan HTTP isteklerini azaltmak için birden fazla dosyayı birleştirebilirsiniz.

Örneğin, web sitenizin tasarımının farklı bölümleri için birden fazla CSS dosyasına sahip olmak yerine, bunları tek bir dosyada birleştirebilirsiniz. Bu tek dosya gerekli tüm stil kodlarını içerecek ve tarayıcının birçok dosya yerine yalnızca tek bir istekte bulunması gerekecektir.

Benzer şekilde, birden fazla JavaScript dosyasını tek bir dosyada birleştirerek web sitenizin etkileşimli öğelerini yüklemek için gereken istek sayısını azaltabilirsiniz.

Birkaç WordPress eklentisi bu işlemi sizin için otomatikleştirebilir. Popüler seçenekler arasında WP Rocket (premium) ve Autoptimize (ücretsiz) bulunmaktadır.

Bu eklentilerin nasıl kullanılacağı hakkında ayrıntılı bilgi için WordPress’te render engelleyici JavaScript ve CSS’nin nasıl düzeltileceğine ilişkin kılavuzumuza bakın.

Minifying CSS, JavaScript, and iFrame in WP Rocket

Bu eklentiler dosyalarınızı birleştirmenin yanı sıra onları küçültür. Bu işlem, boşluk ve yorumlar gibi gereksiz karakterleri koddan kaldırarak dosyaları işlevselliklerini etkilemeden küçültür. Bu, indirilmesi gereken veri miktarını azaltarak yükleme hızını daha da artırır.

2. Görüntüleri ve Videoları Tembel Yükleme

Tembel yükleme, özellikle sayfalarınız çok sayıda resim veya video içeriyorsa, web sitenizin yükleme performansını iyileştirmenin bir başka iyi yoludur.

Normalde, WordPress bir web sayfasını görüntülemeden önce, bu resimler veya videolar sayfanın ilerisinde olsa ve kullanıcı tarafından hemen görülemese bile tüm medya dosyalarını yükler. Bu, ilk sayfa yükleme süresini önemli ölçüde artırabilir.

Tembel yükleme, görüntülerin ve videoların yüklenmesini kullanıcının görünümüne kaydırılmak üzere olana kadar geciktirerek bu süreci optimize eder.

Enabling Lazyload in WP Rocket

Bu faydalı eğitimler, WordPress web sitenizde tembel yüklemeyi nasıl ayarlayacağınızı öğrenmenize yardımcı olacaktır:

3. İçerik Dağıtım Sistemi (CDN) kullanın

İçerik Dağıtım Ağı (CDN) kullanmak, özellikle web sunucunuzdan uzakta bulunan kullanıcılar için WordPress web sitenizin yüklenme hızını artırmak için bir başka etkili stratejidir.

Önceki yöntemlerin aksine, bir CDN HTTP isteklerinin sayısını azaltmaz. Bunun yerine, bu isteklerin nasıl işleneceğini optimize eder.

Normalde, web sitenizin dosyaları tek bir web sunucusunda depolanır ve dünyanın her yerinden kullanıcılar dosyaları bu tek konumdan talep etmek zorundadır. Bir CDN, web sitenizin dosyalarının kopyalarını dünyanın dört bir yanında bulunan hızlı sunucularda depolar ve bunlar kullanıcının tarayıcısına kendilerine en yakın sunucudan teslim edilir.

How does a CDN work

Hangi seçeneğin web sitenize en uygun olduğunu öğrenmek için en iyi WordPress CDN hizmetlerine ilişkin uzman karşılaştırmamıza göz atmak isteyebilirsiniz.

WPBeginner’da sayfa yükleme hızımızı artırmak için Cloudflare kullanıyoruz ve WordPress’te Cloudflare ücretsiz CDN’yi nasıl kuracağınıza dair adım adım öğreticimizi takip edebilirsiniz.

4. Tarayıcı Önbelleğinden Yararlanın

Ayrıca, özellikle sitenizi sık sık ziyaret eden yinelenen kullanıcılarınız varsa, web sitenize gelen HTTP isteklerini azaltmak için tarayıcı önbelleğinden yararlanabilirsiniz.

Bir kullanıcı web sitenizi ilk kez ziyaret ettiğinde, tarayıcısı resimler, stil sayfaları ve JavaScript dosyaları gibi gerekli tüm kaynakları indirir. Tarayıcı önbelleği, tarayıcının bu dosyaların kopyalarını kullanıcının bilgisayarında yerel olarak depolamasını sağlar.

Web sitenizi bir sonraki ziyaretlerinde, tarayıcı sunucunuza HTTP istekleri yapmadan önce yerel önbelleğini kontrol eder. Önbellekte bir dosyanın süresi dolmamış bir kopyası bulunursa, tarayıcı dosyayı tekrar indirmek yerine yerel dosyayı kullanır.

Bu, sunucunuza yapılan HTTP isteklerinin sayısını önemli ölçüde azaltarak geri dönen ziyaretçiler için daha hızlı yükleme süreleri sağlar.

Ancak, web sitenizin içeriği sık sık güncelleniyorsa, önbelleğe alınan kaynaklar için uygun sona erme süreleri ayarlamak önemlidir. Bu, kullanıcılarınızın sonunda dosyalarınızın en son sürümlerini almasını sağlar.

WordPress’e Expires başlıkları ekleyerek kaynakların ne kadar süre önbelleğe alınacağını kontrol edebilirsiniz. Bu başlıklar tarayıcıya önbelleğe alınmış bir dosyanın ne zaman güncelliğini yitirdiğini ve sunucunuzdan yeniden indirilmesi gerektiğini bildirir.

5. Dış Kaynak Kullanımını En Aza İndirmek

Çok sayıda WordPress eklentisi ve teması, Google Analytics, Facebook ve yazı tipi sağlayıcıları gibi harici web sitelerinden komut dosyaları, stil sayfaları ve resimler gibi kaynakları yükler.

Tarayıcının gerekli tüm bileşenleri almak için birden fazla sunucuya bağlanması gerektiğinden, bu harici HTTP istekleri web sitenizin yüklenme hızını etkileyebilir.

Bu harici kaynaklar hız için optimize edilmiş olsa bile, çok fazla kullanılması web sitenizin performansını yavaşlatabilir.

Bu harici HTTP isteklerini azaltmak için, aslında ihtiyacınız olmayan eklentileri ve temaları devre dışı bırakarak ve silerek başlayabilirsiniz.

Yavaş yüklenen dosyalar isteyen eklentiler veya temalar için alternatifler bulmayı da düşünmelisiniz. Daha önce HTTP isteklerini tanımlarken bazılarını fark etmiş olabilirsiniz.

WordPress eklentilerini seçerken, yükledikleri harici kaynaklara dikkat edin. Performansa öncelik veren eklentileri tercih etmek ve aşırı harici komut dosyası veya stil yükleyen eklentilerden kaçınmak isteyeceksiniz.

Eklentiler üzerinde daha ayrıntılı kontrol için Plugin Organizer gibi bir eklenti yönetim aracı kullanmayı düşünün. Bu, eklentileri yalnızca ihtiyaç duyulan sayfalara seçerek yüklemenize olanak tanır.

Setting the Plugin Organizer Controls to Not Logged In

Son olarak, özel web yazı tipleri genellikle Google Fonts gibi harici sağlayıcılardan yüklenir ve HTTP isteklerine önemli ölçüde katkıda bulunabilir. Kullandığınız yazı tipi ailelerinin ve ağırlıklarının sayısını sınırlamalı veya kullanıcıların bilgisayarlarında zaten yüklü olan sistem yazı tiplerini kullanmayı keşfetmelisiniz.

WPBeginner’da 2021 yılında sistem fontlarına geçtik ve özellikle daha yavaş internet bağlantısı olan kullanıcılar için sayfa yükleme sürelerimizi iyileştirdik. WordPress web sitenizde Google Fonts’u nasıl devre dışı bırakacağınıza ilişkin kılavuzumuzda aynı şeyi yapmayı öğrenebilirsiniz.

6. Bonus: Gzip Sıkıştırmayı Etkinleştirin

Son bir ipucu da web sunucunuzdaki dosyaların boyutunu azaltmak için GZIP sıkıştırmayı etkinleştirmektir.

Bu, HTTP isteklerinin sayısını doğrudan azaltmasa da süreci hızlandırır ve web sitenizin dosyalarının daha hızlı aktarılmasını sağlar.

💡 HTTP isteklerini ve WordPress sayfa hızını optimize etmek kulağa çok mu zor geliyor? Bu işi profesyonellere bırakmayı düşünün!

WPBeginner’ın Site Hızı Optimizasyon Hizmeti ile WordPress uzmanlarından oluşan ekibimiz sitenizi denetleyecek ve mümkün olduğunca hızlı çalışmasını sağlamak için elden geçirecektir. Bugün ücretsiz bir danışma görüşmesi yapın!

Umarız bu eğitim WordPress’te HTTP isteklerini nasıl azaltacağınızı öğrenmenize yardımcı olmuştur. WordPress performansını artırmak için diğer kılavuzları da görmek isteyebilirsiniz:

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.