WordPress sitenizin salyangoz hızında yüklenmesini izlemek inanılmaz derecede sinir bozucu olabilir. WPBeginner'da yüzlerce web sitesini yönetmiş olmamızdan bu yana, hızın en büyük katillerinden birinin belki de hiç görmediğiniz bir şey olduğunu bulduk: çok fazla HTTP isteği.
Bir resim, betik veya dosya için yapılan her istek, yükleme süresini biraz daha artırır ve bu da hızla birikerek ziyaretçilerin ayrılmasına neden olabilir. İyi haber şu ki, sitenizin performansında büyük bir fark yaratmak için geliştirici olmanıza gerek yok.
Bu istekleri azaltmak için kullandığımız kesin, başlangıç dostu yöntemlerin bir listesini hazırladık. Sitenizi fark edilir derecede daha hızlı hale getirmek için basit adımları inceleyelim.
WordPress'te Neden HTTP İsteklerini Azaltmalı?
Bazı web sitelerinin yüklenmesinin sonsuza dek sürdüğünü hiç merak ettiniz mi? Her WordPress sayfası, resimler, CSS dosyaları, JavaScript, video yerleştirmeleri ve daha fazlası gibi çeşitli parçalardan oluşan bir yapboz gibidir. Bir sayfanın görünmesi için tüm bu bileşenlerin bir araya gelmesi gerekir.
Tarayıcınızı, her bir malzemeyi ayrı ayrı toplamak için mutfağa gidip gelen meşgul bir garson olarak hayal edin. Bu, özellikle siteniz görseller ve özelliklerle zenginse, işleri yavaşlatabilir. Her öğe yükleme süresine eklenir.
Ayrıca web sitelerimiz yalnızca sunucuda depolananlara dayanmaz. Genellikle Google Analytics veya sosyal medya widget'ları gibi harici kaynaklardan veri çekerler. Bu ekstralar sitenizi daha zengin ve etkileşimli hale getirebilse de, optimize edilmemişlerse sitenizi yavaşlatabilirler.
Bu optimize edilmemiş öğeler, hızlı yükleme bekleyen ziyaretçileri hayal kırıklığına uğratan ağır bir yük haline gelebilir. Yavaş bir web sitesi, Strange Loop tarafından yapılan bir çalışmada vurgulandığı gibi, bir saniyelik bir gecikmeye neden olarak dönüşüm, sayfa görüntüleme ve hatta müşteri memnuniyeti kaybetmenize yol açabilir.
İlgili Gönderi: WordPress Hızını ve Performansını Artırmanın Nihai Rehberi
İşte bu yüzden HTTP isteklerini azaltmak önemlidir. Bizim WPBeginner'da yaptığımız gibi, buna odaklanmak sitenizin hızını önemli ölçüde artırabilir, kullanıcı etkileşimini iyileştirebilir ve nihayetinde işinizi büyütebilir. Hız sadece teknik bir kazanç değil, stratejik bir avantajdır.
HTTP İsteklerini Tanımlama
WordPress'te HTTP isteklerini nasıl azaltacağınızı göstermeden önce, bunları nasıl tanımlayabileceğinizi gözden geçirelim.
Web sitenizin yaptığı HTTP isteklerini tarayıcınızın geliştirici araçlarını kullanarak kolayca görüntüleyebilirsiniz. Bu, web sayfasını görüntülemek için yüklenmesi gereken dosyaların bir listesini gösterecektir.
Örneğin, Google Chrome'da geliştirici araçlarını açmak için Görünüm » Geliştirici » İncele yolunu izleyebilirsiniz. Sayfaya sağ tıklayıp menüden 'İncele' seçeneğini de seçebilirsiniz.
Ardından, 'Ağ' sekmesine gidin. Sayfayı yenileyin ve dahili ve harici HTTP istekleri dahil olmak üzere yüklenen tüm kaynakların bir listesini göreceksiniz.
Yalnızca harici HTTP isteklerini kolayca görmek için Ağ panelinin üst kısmındaki filtre araç çubuğunu arayın ve '3. taraf istekleri' etiketli kutuyu işaretleyin. Bu, kendi alan adınızdan yüklenen tüm dosyaları gizleyecektir.
Yükleme sürelerinizi etkileyebilecek belirli dosya türlerini, örneğin JS (JavaScript) veya CSS gibi görmek istiyorsanız, listeyi filtrelemek için üstteki 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ıklayabilir ve ikinci kez tıklamak en yavaş yüklenen dosyaları üste yerleştirecektir.
Dördüncü 'Başlatıcı' sütununa baktığınızda, bazen dosyayı yükleyen eklentinin veya temanın adını göreceksiniz. Yavaş yüklenen dosyalar isteyen herhangi bir eklenti veya tema not alın.
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ı isteklerini nasıl izleyeceğiniz hakkındaki rehberimize göz atın.
Artık HTTP isteklerini nasıl belirleyeceğinizi bildiğinize göre, WordPress sitenizde bunları azaltmanın en etkili yollarına dalalım.
- CSS ve JavaScript Dosyalarını Birleştirin
- Görüntüleri ve Videoları Yavaş Yükleme
- İçerik Dağıtım Sistemi (CDN) Kullanın
- Tarayıcı Önbelleğini Kullanma
- Harici Kaynak Kullanımını En Aza İndirin
- Bonus: Gzip Sıkıştırmayı Etkinleştirin
- HTTP İsteklerini Azaltma Hakkında Sıkça Sorulan Sorular
- WordPress Performansı Hakkında Ek Kaynaklar
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. İşlevsellik kaybı olmadan HTTP isteklerini azaltmak için birden fazla dosyayı birleştirebilirsiniz.
Örneğin, web sitenizin tasarımı için farklı bölümlere ait birden çok CSS dosyasına sahip olmak yerine, bunları tek bir dosyada birleştirebilirsiniz. Bu tek dosya gerekli tüm stil kodunu içerecektir ve tarayıcının birçok istek yerine yalnızca bir istek yapması gerekecektir.
Benzer şekilde, birden çok JavaScript dosyasını tek bir dosyada birleştirerek web sitenizin etkileşimli öğelerini yüklemek için gereken istek sayısını azaltabilirsiniz.
Dikkat: Dosyaları birleştirmek harika bir uygulama olsa da, HTTP/2 gibi modern web protokollerinin birden çok küçük dosyayı çok hızlı, bazen tek bir büyük dosyadan bile daha hızlı yükleyebildiğini bilmek faydalıdır.
Ancak, eski barındırma hizmetlerindeki siteler veya maksimum uyumluluk için, dosyaları birleştirmek ve küçültmek istekleri azaltmak için sağlam bir strateji olmaya devam ediyor. WP Rocket gibi araçlar bunu sizin için akıllıca halleder! 👍
Birkaç WordPress eklentisi bu işlemi sizin için otomatikleştirebilir. Popüler seçenekler arasında WP Rocket (premium) ve Autoptimize (ücretsiz) bulunur.
Bu eklentilerin nasıl kullanılacağına dair ayrıntılı bilgi için, WordPress'te oluşturmayı engelleyen JavaScript ve CSS'yi düzeltme konusundaki kılavuzumuza bakın.
Dosyalarınızı birleştirmenin yanı sıra, bu eklentiler bunları küçültür. Bu, koddan gereksiz karakterleri, boşluk ve yorumlar gibi, kaldırarak işlevselliğini etkilemeden dosyaları küçültür.
Bu, indirilmesi gereken veri miktarını azaltarak yükleme hızını daha da iyileştirir.
2. Görüntüleri ve Videoları Erken Yükle
Özellikle sayfalarınız çok sayıda resim veya video içeriyorsa, tembel yükleme web sitenizin performansını artırmanın başka harika bir yoludur.
WordPress'in varsayılan olarak resimleri otomatik olarak tembel yüklediğini belirtmekte fayda var, bu harika bir başlangıç. Ancak, WP Rocket gibi eklentiler size daha fazla kontrol sağlar ve videoları ve iframe'leri de tembel yükleyebilir, bu da daha büyük bir fark yaratabilir.
Normalde WordPress, bu resimler veya videolar sayfanın daha aşağısında olsa ve kullanıcı tarafından hemen görünür olmasa bile, bir web sayfasını görüntülemeden önce tüm medya dosyalarını yükler. Bu, ilk sayfa yükleme süresini önemli ölçüde artırabilir.
Gecikmeli yükleme, resimlerin ve videoların yalnızca kullanıcının görünümüne kaydırılmak üzereyken yüklenmesini geciktirerek bu süreci optimize eder.
Bu faydalı eğitimler, WordPress web sitenizde tembel yüklemeyi nasıl kuracağınızı öğrenmenize yardımcı olacaktır:
- WordPress'te Görselleri Kolayca Yavaş Yükleme
- WordPress'te Videolar İçin Gecikmeli Yüklemeyi Kolayca Ekleme
- WordPress Yorumlarında Gravatarları Gecikmeli Yükleme
3. İçerik Dağıtım Ağı (CDN) Kullanın
Bir İçerik Dağıtım Ağı (CDN) kullanmak, özellikle web sunucunuzdan uzakta bulunan kullanıcılar için WordPress web sitenizin yükleme hızını iyileştirmek için başka etkili bir stratejidir.
Önceki yöntemlerin aksine, bir CDN, HTTP isteklerinin sayısını azaltmaz. Bunun yerine, bu isteklerin nasıl işlendiğini optimize eder.
Normalde, web sitenizin dosyaları tek bir web sunucusunda saklanır ve dünyanın her yerinden kullanıcıların bu tek konumdan dosya istemesi gerekir.
Bir CDN, web sitenizin dosyalarının kopyalarını dünya çapında bulunan hızlı sunucularda saklar ve kullanıcının tarayıcısına en yakın sunucudan teslim edilir.
Web siteniz için hangi seçeneğin en uygun olduğunu öğrenmek üzere, en iyi WordPress CDN hizmetleri hakkındaki uzman karşılaştırmamızı görmekten hoşlanabilirsiniz.
WPBeginner olarak, sayfa yükleme hızımızı iyileştirmek için Cloudflare kullanıyoruz ve WordPress'te Cloudflare ücretsiz CDN'nin nasıl kurulacağına dair adım adım eğitimimizi takip edebilirsiniz.
4. Tarayıcı Önbelleğini Kullanın
Özellikle sitenizi sık sık ziyaret eden tekrarlayan kullanıcılarınız varsa, web sitenize yapılan HTTP isteklerini azaltmak için tarayıcı önbelleğini kullanabilirsiniz.
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ğe alma, tarayıcının bu dosyaların kopyalarını kullanıcının bilgisayarında yerel olarak saklamasına olanak tanır.
Bir sonraki web sitenizi ziyaretlerinde, tarayıcı HTTP istekleri yapmadan önce yerel önbelleğini kontrol eder. Önbellekte süresi dolmamış bir dosya kopyası bulunursa, tarayıcı dosyayı tekrar indirmek yerine yerel dosyayı kullanır.
Bu, sunucunuza yapılan HTTP isteklerinin sayısını önemli ölçüde azaltır ve bu da 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ınmış kaynaklar için uygun son kullanma süreleri ayarlamak önemlidir. Bu, kullanıcılarınızın eninde sonunda dosyalarınızın en son sürümlerini almasını sağlar.
Kaynakların ne kadar süreyle önbelleğe alınacağını, WordPress'e Son Kullanma başlıkları ekleyerek kontrol edebilirsiniz. Bu başlıklar, tarayıcıya önbelleğe alınmış bir dosyanın ne zaman güncelliğini yitirmiş sayılacağını ve sunucunuzdan yeniden indirilmesi gerektiğini söyler.
5. Harici Kaynak Kullanımını En Aza İndirin
Birçok WordPress eklentisi ve teması, Google Analytics, Facebook ve yazı tipi sağlayıcıları gibi harici web sitelerinden betikler, stil sayfaları ve resimler gibi kaynakları yükler.
Bu harici HTTP istekleri web sitenizin yüklenme hızını etkileyebilir, çünkü tarayıcının gerekli tüm bileşenleri almak için birden çok sunucuya bağlanması gerekir.
Bu harici kaynaklar hız için optimize edilmiş olsa bile, çok fazla kullanmak 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ırakıp silerek başlayabilirsiniz.
Yavaş yüklenen dosyalar isteyen eklentiler veya temalar için alternatifler bulmayı da düşünmelisiniz. Daha önce HTTP isteklerini belirlerken bunlardan bazılarını fark etmiş olabilirsiniz.
Ve WordPress eklentileri seçerken, yükledikleri harici kaynaklara dikkat edin. Performansı önceliklendiren eklentileri tercih etmeli ve aşırı harici betik veya stil yükleyenlerden kaçınmalısınız.
Eklentiler üzerinde daha ayrıntılı kontrol için, Eklenti Düzenleyici gibi bir eklenti yönetim aracını kullanmayı düşünün. Bu, eklentileri yalnızca ihtiyaç duyulduğu sayfalarda seçici olarak yüklemenize olanak tanır.
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. Kullanacağı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ı düşünmelisiniz.
WPBeginner olarak, 2021'de sistem yazı tiplerine geçtik ve sayfa yükleme sürelerimizi, özellikle yavaş internet bağlantısı olan kullanıcılar için iyileştirdik. Bunu nasıl yapabileceğinizi, WordPress web sitenizde Google Yazı Tiplerini nasıl devre dışı bırakacağınıza dair rehberimizde öğrenebilirsiniz.
6. Bonus: Gzip Sıkıştırmayı Etkinleştirin
Son bir ipucu da, web sunucunuzdaki dosyaların boyutunu küçültmek için GZIP sıkıştırmasını etkinleştirmektir.
Bu doğrudan HTTP isteklerinin sayısını azaltmasa da, süreci hızlandırır ve web sitesi dosyalarınızın aktarımını daha hızlı hale getirir.
HTTP İsteklerini Azaltma Hakkında Sıkça Sorulan Sorular
Aşağıda, HTTP isteklerini optimize etme ve WordPress site hızını iyileştirme hakkında en sık sorulan sorulardan bazıları yer almaktadır.
1. HTTP isteği nedir?
Bir HTTP isteği, bir web tarayıcısının bir web sayfasını yüklemek için gereken bir bilgi parçasını sunucudan istemesidir. Bu bir resim, bir stil sayfası (CSS dosyası), bir betik (JavaScript dosyası) veya sitenizin başka herhangi bir parçası olabilir. Her bireysel dosya ayrı bir istek gerektirir.
2. Bir web sitesi için kaç tane HTTP isteği çok fazladır?
Tek bir sihirli sayı yoktur, çünkü sitenizin karmaşıklığına bağlıdır. Ancak, çoğu küçük işletme web sitesi için iyi bir hedef, sayfa başına 50-60 isteğin altında kalmaktır. Sitenizin yapması gereken istek sayısı ne kadar az olursa, ziyaretçileriniz için genellikle o kadar hızlı yüklenir.
3. Bir aceminin HTTP isteklerini azaltmasının en kolay yolu nedir?
Yeni başlayanlar için en kolay yöntem, WP Rocket gibi bir önbellekleme ve optimizasyon eklentisi kullanmaktır. CSS ve JavaScript dosyalarını yalnızca birkaç tıklamayla otomatik olarak birleştirebilir, bu da kodunuza dokunmanıza gerek kalmadan istek sayısını önemli ölçüde azaltır.
4. CDN HTTP isteklerinin sayısını azaltır mı?
Hayır, İçerik Dağıtım Ağı (CDN) gerçek istek sayısını azaltmaz. Bunun yerine, onları çok daha hızlı hale getirir. Bir CDN, dosyalarınızın kopyalarını dünya çapında sunucularda depolar, böylece bir kullanıcının tarayıcısı bir dosya istediğinde, bu dosya mümkün olan en yakın konumdan teslim edilir ve yükleme süresi azalır.
WordPress Performansı Hakkında Ek Kaynaklar
Umarım bu eğitim, WordPress'te HTTP isteklerini nasıl azaltacağınızı öğrenmenize yardımcı olmuştur. Site hızını ve performansını iyileştirmeye yönelik diğer uzman kılavuzlarımıza da göz atmak isteyebilirsiniz.
Sitenizin Hızını Test Etme ve Tanılama
- Bir Web Sitesi Hız Testini Doğru Bir Şekilde Nasıl Çalıştırırsınız
- Site Performansını İyileştirmek İçin GTmetrix Nasıl Kullanılır
- Bir WordPress Web Sitesini Stres Testi Nasıl Yapılır
Temel Performans İyileştirmeleri
- WordPress Neden Yavaş? (Ve Nasıl Düzeltilir)
- Web Performansı İçin Görselleri Nasıl Optimize Edersiniz?
Gelişmiş Optimizasyon Teknikleri
- Hızlı PHP & MySQL Web Sitesi Hızını Nasıl Artırabilir
- WordPress'te Devasa Ağ Yüklerinden Nasıl Kaçınılır
Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.
Bir sorunuz veya öneriniz mi var? Tartışmayı başlatmak için lütfen bir yorum bırakın.