Çoğu WordPress site sahibi, yavaş bir web sitesinin ne kadar sinir bozucu olabileceğini bilir. Temel şeyleri yaptınız—resimleri sıkıştırdınız, önbellekleme kurdunuz ve standart hız ipuçlarını takip ettiniz—ancak sayfalarınız hala yüklenmesi çok uzun sürüyor.
Sorunun genellikle basit bir şey olduğunu gördük: web siteleri çok fazla gereksiz veri indiriyor.
Teknik olarak bu 'ağ yükü' olarak adlandırılır. Basitçe bir sayfayı yüklemek için gereken toplam veri miktarıdır. Toplam indirme boyutu metin, resim, video, CSS, JavaScript, yazı tipleri ve diğer kodları içerir.
Temel olarak, indirilmesi gereken veri ne kadar az olursa, sayfa o kadar hızlı yüklenir.
Yani, web sitenizin hızını artırmak istiyorsanız, doğru yerdesiniz!
Bu kılavuzda, bu dosyaların boyutunu tam olarak nasıl azaltacağınızı ve WordPress'te devasa ağ yüklerinden nasıl kaçınacağınızı göstereceğiz.
WordPress'te Devasa Ağ Yükleri Neden Bir Sorun?
Web sitenizin ne kadar hızlı olduğunu kontrol etmek için daha önce Google Lighthouse veya PageSpeed Insights gibi bir araç kullandınız mı?
Bazen, ‘Büyük ağ yüklerinden kaçının’ diyen bir mesaj görebilirsiniz.
Temelde bu, web sayfanızın çok büyük olduğu anlamına gelir, taşınamayacak kadar ağır bir bavul gibi. Büyük bir web sayfası daha uzun sürede yüklenir, bu da sitenizi ziyaret edenler için sinir bozucu olabilir.
Bir web sayfasının ağ yükü, o sayfayı oluşturan tüm parçaların toplam boyutudur. Buna şunlar dahildir:
- Metin: Sayfada okuduğunuz kelimeler
- Resimler ve Medya: Gördüğünüz resimler ve videolar
- Kod: Sayfanın iyi görünmesini ve doğru çalışmasını sağlayan CSS ve JavaScript dosyaları
- Yazı Tipleri: Metniniz için özel stiller
- Artı, diğer tüm özel öğeler
Yani, tüm bu öğeler bir arada ne kadar büyük olursa, web sayfanızın ekranda görünmesi o kadar uzun sürer.
Ne kadar büyük çok büyüktür? İşte basit bir rehber:
- İyi: Web sayfanızın tüm bölümleri 2 MB'tan az ise, bu hafif bir çanta taşımak gibidir. İyi optimize edilmiştir ve hızlı yüklenir. Burada çok fazla endişelenmenize gerek yok.
- Geliştirilmesi gerekiyor: Web sayfanız 2 MB ile 4 MB arasındaysa, bu biraz ağırlaşan bir sırt çantası taşımak gibidir. Hafifletebileceğiniz bazı şeyler olabilir. Google size onu nasıl daha hızlı hale getireceğiniz konusunda bazı ipuçları verecektir.
- **Devasa:** Web sayfanız 4 veya 5 MB'den fazlaysa, bu, taşan büyük bir bavul taşımaya çalışmak gibidir. Bu, web sitenizi ziyaretçileriniz için yavaşlatacaktır, bu nedenle optimizasyonu bir öncelik haline getirmeniz gerekir.
'Büyük ağ yüklerinden kaçının' mesajını görürseniz, web sayfanızı oluşturan tüm kaynakların bir listesini görmek için küçük oka tıklayabilirsiniz.
En büyük dosyaların listenin başında olduğunu görüyor musunuz? Bu dosyaları daha küçük hale getirmeye veya gereksiz dosyaları kaldırmaya odaklanırsanız, WordPress performansında en büyük iyileşmeyi görürsünüz.
Bu dosyaları küçülterek, web sayfasını görüntülemek için daha az veri kullanacaksınız ve daha hızlı yüklenecektir.
Büyük web sayfalarının neden bir sorun olduğunu artık bildiğinize göre, WordPress'te bunlardan nasıl kaçınabileceğinizi inceleyelim. İşte bu makalede ele alacağımız 8 ipucu:
- Görüntülerinizi Küçültün
- Videoları Doğru Şekilde Gömün
- Görüntüler ve Videolar İçin Tembel Yükleme Kullanın
- Javascript ve CSS Dosyalarının Boyutunu ve Sayısını Azaltın
- Dosyaları Gzip ile Küçültün
- Tarayıcı Önbelleğini Tekrarlanan İndirmeleri Önlemek İçin Kullanın
- Daha Az Yazı Tipi veya Sistem Yazı Tipleri Kullanın
- Yavaş Eklentilerden Kaçının
- Frequently Asked Questions About Network Payloads in WordPress
Hazır mısınız? Hemen başlayalım!
1. Resimlerinizi Küçültün
Büyük ağ yüklerinin en büyük nedenlerinden biri büyük görsellerdir.
Günümüzün akıllı telefonları ve kameraları çok büyük dosya boyutlarına sahip yüksek kaliteli görüntüler çeker. Ancak bunları bir web sitesinde gösterirken o kadar büyük tutmanıza gerek yok.
Neyse ki, resim kalitesini kaybetmeden %80'e kadar küçültecek şekilde optimize edebilirsiniz. Bu, web sitenizin ağ yükü üzerinde diğer her şeyden daha büyük bir etkiye sahiptir.
WPBeginner'da, tüm resimlerimizi yüklemeden önce optimize ederiz. Resimlerimizi doğru boyutlara göre yeniden boyutlandırır ve ardından çeşitli araçlar kullanarak dosya boyutlarını küçültürüz.
Bunu kendi web sitemizde tam olarak nasıl yaptığımıza dayanan yardımcı bir kılavuz hazırladık. Kalite kaybı olmadan web performansı için resimleri nasıl optimize edeceğiniz konusundaki makalemizi takip edebilirsiniz.
2. Videoları Doğru Şekilde Gömün
Web sitenizde videolar varsa, bunları nasıl görüntülediğiniz konusunda dikkatli olmanız gerekir.
Videoları doğrudan web sitenize yüklemek, özellikle otomatik olarak oynatılmaya başlarlarsa, büyük ağ yüklerine neden olabilir ve web sitenizi önemli ölçüde yavaşlatabilir.
Videoları eklemenin en iyi yolu, onları YouTube veya Vimeo gibi video platformlarından yerleştirmektir.
☝ Not: Videolarımızı barındırmak ve yayınlamak için YouTube'u kullanıyoruz. WordPress video eğitimlerimizi WPBeginner YouTube kanalında keşfedebilirsiniz.
Bu yaklaşım, videoları web sitenizde oynatmanıza olanak tanır, ancak aslında başka birinin sunucusunda depolandıkları için ağ yükünüzün bir parçası değillerdir.
Bu gerçekten yardımcı olur çünkü sunucunuzun ağır veri aktarımıyla uğraşmasına gerek kalmaz. Ayrıca, bu platformlar videoları verimli bir şekilde sunmak, ziyaretçinizin internet bağlantısına uyum sağlayan optimize edilmiş akışla tasarlanmıştır.
Ayrıca, bu platformlardaki birçok video oynatıcı, kullanıcı oynat'ı tıklayana kadar videoyu yüklemeye başlamaz, bu da başlangıçta daha az veri aktarıldığı anlamına gelir.
Videoları web sitenize gömme kodu kullanarak kolayca ekleyebilirsiniz.
Bu konu hakkında daha fazla bilgi için, neden asla bir videoyu WordPress'e yüklememeniz gerektiği hakkındaki rehberimize bakın.
3. Resim ve Videolarda Gecikmeli Yükleme Kullanın
Özellikle web siteniz resimler veya videolarla doluysa, büyük ağ yüklerinden kaçınmanın harika bir başka yolu da tembel yüklemedir.
Normalde, bir web sayfası yüklendiğinde, tarayıcı hemen görülmeyecek olsalar bile tüm görselleri ve videoları indirmek ister.
Bir restoranın tüm yemeklerinizi bir kerede değil, tek tek getirdiğini hayal edin. Çok bunaltıcı olurdu!
Tembel yükleme uygulanmadığında bir web sayfasında olan budur. Kullanıcı henüz göremiyor olsa bile her şeyin önceden indirilmesi gerekir.
Bu açıkça ideal değil, çünkü web sitenizin büyük bir yükü olduğu ve kullanıcının sayfanın altındaki içeriği görüntülemese bile çok fazla veri indirdiği anlamına gelir.
Bunun çözümü tembel yükleme olarak adlandırılır.
Tembel yükleme, yemeğinizin her kursunu hazır olduğunuzda getiren restoran gibidir.
Lazy loading (tembel yükleme) ile görseller ve videolar, kullanıcının ekrandaki görünümüne girmek üzereyken yüklenmez. Bu sayede tarayıcı, yalnızca ihtiyaç duyulduğunda ihtiyaç duyulanı yüklemekle yükümlü olur.
Bu, ilk ağ yükünü ve indirilmesi gereken veri miktarını azaltır.
WordPress'te tembel yüklemeyi nasıl ayarlayacağınızı gösteren bazı faydalı eğitimler:
- WordPress'te Görselleri Kolayca Yavaş Yükleme
- WordPress'te Videolar İçin Gecikmeli Yüklemeyi Kolayca Ekleme
- WordPress Yorumlarında Gravatarları Gecikmeli Yükleme
4. Javascript ve CSS Dosyalarının Boyutunu ve Sayısını Azaltın
Web sitenizde büyük ağ yüklerinden kaçınmanın en iyi yollarından biri, CSS ve JavaScript dosyalarınızın boyutunu küçültmektir.
Web siteniz stil için CSS dosyaları ve etkileşimli özellikler için JavaScript dosyaları kullanır.
Ancak, bu dosyalar genellikle kodun işlevselliği için gerekmeyen ek boşluklar ve yorumlar içerir. Dosyaların boyutunu küçültmek için bu öğeleri güvenle kaldırabilirsiniz.
Bu, bu dosyaların aynı şekilde çalışacağı, ancak kullanıcılarınızın indirmesi gereken daha az veri olacağı ve sayfanızın daha hızlı yüklenmesini sağlayacağı anlamına gelir.
Bu işlem küçültme olarak bilinir ve iyi haber şu ki, dosyalarınızı otomatik olarak küçültmek için WP Rocket gibi bir WordPress eklentisi kullanabilirsiniz.
Daha fazla bilgi için WordPress'te CSS ve JavaScript dosyalarını küçültme kılavuzumuza bakın: WordPress'te CSS ve JavaScript dosyalarını küçültme.
Şimdi, web sitenizin farklı bölümlerinde genellikle farklı CSS veya JavaScript dosyaları olacaktır. Örneğin, başlık için bir dosya, gövde için başka bir dosya ve eklentiler için daha fazlası olabilir.
Ancak birçok küçük dosya, tek bir büyük dosyadan daha az verimli olabilir. Yüklenmesi gereken çok sayıda dosya olduğunda, tarayıcının her birini ayrı ayrı getirmesi gerekir, bu da toplam indirme boyutunu artırır. Bunun yerine, bu küçük dosyaların çoğunu tek bir dosyada birleştirebilirsiniz.
WP Rocket (premium) ve Autoptimize (ücretsiz) gibi popüler eklentiler, CSS ve JavaScript dosyalarını otomatik olarak birleştirebilir ve küçültebilir.
Bu eklentileri nasıl kullanacağınızı, WordPress'te oluşturmayı engelleyen JavaScript ve CSS'yi nasıl düzelteceğiniz konusundaki kılavuzumuzda öğrenebilirsiniz: WordPress'te oluşturmayı engelleyen JavaScript ve CSS'yi nasıl düzelteceğiniz.
5. Dosyaları Gzip ile Küçültün
Web sitesi dosyalarınızı daha küçük hale getirmenin bir başka yolu da onları sıkıştırmaktır. HTML, CSS ve JavaScript gibi metin tabanlı dosyalar, Gzip sıkıştırması kullanılarak önemli ölçüde azaltılabilir.
Aslında, Gzip sıkıştırması bu dosyaların boyutunu kullanıcıların tarayıcısına gönderilmeden önce %70'e kadar azaltabilir! Bu, aktarılması gereken veri miktarında büyük bir tasarruftur.
Dosya indirme süresini azaltır ve WordPress web sitenizin çok daha hızlı yüklenmesini sağlar. Sıkıştırılmış veriler ziyaretçinizin bilgisayarına ulaştığında, tarayıcı dosyaları otomatik olarak açar (sıkıştırmayı çözer) ve bunları kullanıcının ekranında gösterir.
Kullanıcılarınızın tarayıcılarının Gzip sıkıştırmasını destekleyip desteklemediği konusunda endişelenmenize gerek yok çünkü bugün popüler web tarayıcılarının tümünde çalışıyor.
Birçok mükemmel önbellekleme eklentisi Gzip sıkıştırmasını da destekler. Popüler seçenekler arasında WP Rocket, WP Super Cache ve W3 Total Cache bulunur.
Daha önce WPBeginner web sitesinde WP Rocket kullanıyorduk ve harika bir deneyim yaşadık. Daha fazla bilgi için tam WP Rocket incelememize bakın.
WP Rocket ile, web barındırıcınız Apache sunucusunu kullanıyorsa Gzip sıkıştırması otomatik olarak açılacaktır. Diğer önbelleğe alma eklentileri için, eklentinin ayarlarında etkinleştirmeniz gerekebilir.
Ayrıntılı talimatlar için, WordPress'te Gzip sıkıştırmayı nasıl etkinleştireceğiniz konusundaki kılavuzumuza bakın: WordPress'te Gzip sıkıştırmayı nasıl etkinleştireceğiniz.
6. Tekrarlanan İndirmeleri Önlemek İçin Tarayıcı Önbelleğini Kullanın
WordPress'te, özellikle sitenizin çok sayıda tekrar ziyaretçisi varsa, devasa bir ağ yükünden kaçınmanın bir başka yolu da tarayıcı önbelleğini denemektir.
Ziyaretçilerinizin her ziyaret ettiklerinde web sitenizdeki her şeyi indirmek zorunda kaldıklarını hayal edin! Bu inanılmaz derecede yavaş olurdu ve doğru önbelleğe alma kullanmıyorsanız tam olarak olan şey budur.
Biri web sitenizi ilk kez ziyaret ettiğinde, tarayıcısı ihtiyaç duyduğu her şeyi indirir: resimler, CSS, JavaScript ve diğer tüm kaynaklar. Tarayıcı önbelleğe alma ile tarayıcısı bu dosyaların bir kopyasını bilgisayarlarında saklar.
Ardından, web sitenizi bir sonraki ziyaretlerinde tarayıcıları akıllı olacaktır! Her şeyi tekrar sunucunuzdan istemeden önce yerel olarak kaydedilmiş dosyalarını kontrol eder.
Tarayıcıda bir dosyanın kopyası önbellekte varsa, onu tekrar indirmek yerine onu kullanır. Bu, genel ağ yükünü azaltmada büyük bir fark yaratır ve düzenli ziyaretçilere daha hızlı, daha sorunsuz bir deneyim sunar.
Elbette, web sitenizin içeriği sık sık değişiyorsa, örneğin bir haber sitesi veya düzenli olarak güncellenen bir blog gibi, tarayıcılara dosyalarınızın en son sürümlerini ne zaman yeniden indireceklerini söylemeniz gerekir. Bu, herkesin en güncel içeriği almasını sağlayacaktır.
Bunu WordPress'te Expires başlıkları ekleyerek kontrol edebilirsiniz. Bu başlıklar tarayıcıya kaydedilmiş bir dosyanın ne zaman eski sayılacağını ve güncellenmesi gerektiğini söyler.
7. Daha Az Yazı Tipi veya Sistem Yazı Tipleri Kullanın
Yazı tipleri web sitenizin harika görünmesini sağlayabilir ve okunabilirliğini artırabilir. Özel yazı tipleri kullanmak web sitenizi benzersiz hale getirebilir ve ziyaretçilerinizi daha fazla zaman harcamaya teşvik edebilir.
Ancak her web sitesini ziyaret ettiğinizde birçok farklı yazı tipi indirmeniz gerektiğini hayal edin. Sayfadaki her şeyi göstermek biraz zaman alacaktır.
Anahtar, web sitenizde az sayıda yazı tipi kullanmaktır. Sadece iki ana yazı tipine bağlı kalmanızı ve bunları tüm sitenizde kullanmanızı öneririz. Bu, ziyaretçilerinizin indirmesi gereken toplam dosya sayısını azaltır.
Daha da iyisi, özel yazı tipleri yerine sistem yazı tiplerini kullanabilirsiniz.
Sistem yazı tipleri, insanların bilgisayarlarında zaten yüklü olan yazı tipleridir. Arial veya Times New Roman gibi bilgisayarınızdaki standart yazı tiplerini kullanmak gibi düşünün.
Web siteniz için sistem yazı tiplerini seçerseniz, kullanıcılarınızın hiçbir ek dosya indirmesi gerekmez! Bu, ağ yükünüzün boyutunu önemli ölçüde azaltır ve web sitenizin ziyaretçiler için daha hızlı olmasını sağlar.
Daha fazla bilgi için, WordPress web sitenizde Google yazı tiplerini nasıl devre dışı bırakacağınızla ilgili kılavuzumuza bakın: WordPress web sitenizde Google yazı tiplerini nasıl devre dışı bırakacağınız.
8. Yavaş Eklentilerden Kaçının
Son olarak, eklentilerden bahsedelim. Bazen eklentiler, çok sayıda ek JavaScript ve CSS dosyası yükleyerek web sitenizi yavaşlatabilir ve ağ yükünüzün boyutunu artırabilir.
Eklentileri web sitenize eklediğiniz ekstra araçlar olarak düşünmelisiniz. Bazıları harika ve hafiftir, diğerleri ise oldukça ağır olabilir. Çok fazla ağır eklenti kullanmak web sitenizin indirme boyutunu artırabilir.
Hangi eklentilerin gözden yavaş olduğunu bilmek zordur, bu yüzden biraz araştırma yapmanız gerekecek. Daha fazla bilgi için, hangi WordPress eklentilerinin sitenizi yavaşlattığı konusundaki rehberimize bakabilirsiniz.
Sayfanızın indirme boyutunu artıran eklentileri bulduğunuzda, bazı seçenekleriniz vardır.
Öncelikle, eklenti geliştiricisiyle iletişime geçebilir ve eklentiyi daha verimli hale getirmek için yapabileceğiniz bir şey olup olmadığını görebilirsiniz. Veya aynı işi yapan daha hızlı bir eklenti de arayabilirsiniz.
Öneriler için, en iyi WordPress eklentilerinin nasıl seçileceğine dair rehberimize bakın.
👉 İlgili Yazı: Bir eklenti geliştiricisiyle iletişime geçmek konusunda biraz gergin misiniz? WordPress desteğini doğru bir şekilde nasıl soracağınız (ve alacağınız) hakkındaki rehberimize göz atın.
Bazen, bazı ağır eklentilerin web siteniz için gerekli olduğunu göreceksiniz. Bu durumda, eklentiyi her yerde yüklemek yerine yalnızca ihtiyaç duyulan sayfalarda yükleyerek web sitenizi daha hızlı hale getirebilirsiniz.
İhtiyaç duyulmadığı sayfalarda eklentileri devre dışı bırakmak için Plugin Organizer adlı ücretsiz bir eklenti kullanabilirsiniz. Bu, o sayfalardaki ağ yükünü azaltacaktır.
WordPress'te Ağ Yükleri Hakkında Sıkça Sorulan Sorular
İşte WordPress'te ağ yüklerini azaltma hakkında insanların sorduğu en yaygın sorulardan bazıları. Bu yanıtlar, teknik yönleri ve uygulama ayrıntılarını daha iyi anlamanıza yardımcı olacaktır.
1. Ağ yükü tam olarak nedir ve WordPress sitem için neden önemlidir?
Bir ağ yükü, web sitenizin bir sayfayı yüklediklerinde ziyaretçinin tarayıcısına gönderdiği toplam veri miktarıdır (resimler, CSS, JavaScript, HTML vb.). Büyük yükler sitenizi yavaşlatır çünkü ziyaretçilerin daha fazla veri indirmesi gerekir, bu da özellikle mobil kullanıcılar veya daha yavaş internet bağlantısı olanlar için sorunludur. Google ayrıca web sitelerini sıralarken yük boyutunu da dikkate alır, bu nedenle optimize etmek SEO'nuzu iyileştirebilir.
2. Mevcut ağ yükü boyutumu nasıl kontrol edebilirim?
Ağ yükünüzü Google PageSpeed Insights, GTmetrix veya tarayıcınızın geliştirici araçlarını kullanarak kontrol edebilirsiniz. Chrome'da F12'ye basın, Ağ sekmesine gidin ve sayfanızı yeniden yükleyin. Toplam boyut en altta görünecektir. Genel olarak, optimum performans için toplam yükünüzü 1-2 MB altında tutmak istersiniz.
3. Ağ yüklerinin azaltılması web sitemin işlevselliğini veya tasarımını etkiler mi?
Doğru yapıldığında olmaz. Teknikler, özellikleri kaldırmak yerine mevcut içeriği optimize etmeye ve sıkıştırmaya odaklanır. İçeriği daha verimli bir şekilde sunarken aynı işlevselliği ve görsel çekiciliği koruyacaksınız. Ancak, her şeyin düzgün çalıştığından emin olmak için değişiklikleri önce bir hazırlık sitesinde test edin.
4. Ağ yüklerimi ne sıklıkla optimize etmeliyim?
Yüklerinizi aylık olarak izlemeli ve yeni içerik, eklenti veya tema eklediğinizde optimize etmelisiniz. Google Search Console gibi araçlarla düzenli denetimler ayarlayarak Core Web Vitals'ınızı izleyin. Büyük optimizasyonlar üç ayda bir gerekebilir, ancak devam eden bakım, düzenli WordPress bakım rutininizin bir parçası olmalıdır.
5. Teknik bilgi olmadan ağ yüklerini azaltabilir miyim?
Evet, WP Rocket, Smush veya Autoptimize gibi kullanıcı dostu eklentiler kullanılarak birçok optimizasyon tekniği uygulanabilir. Bu araçlar, görsel sıkıştırma, dosya küçültme ve önbelleğe alma işlemlerini otomatik olarak halleder. Ancak, gelişmiş optimizasyonlar için bir geliştirici veya WordPress uzmanından yardım almanız gerekebilir.
Bonus: WordPress Performansı ile İlgili Uzman Kılavuzları
Umarım bu eğitim, WordPress'te devasa ağ yüklerinden nasıl kaçınılacağını öğrenmenize yardımcı olmuştur. Ayrıca WordPress performansını iyileştirmenin diğer yolları hakkında bazı rehberlere de bakmak isteyebilirsiniz:
- WordPress Hızını ve Performansını Artırmak İçin Nihai Rehber
- WordPress Neden Yavaş? Nasıl Düzeltileceğini Öğrenin
- E-ticaret Sitenizi Nasıl Hızlandırırsınız
- WPBeginner'da Sayfa Yükleme Hızını Nasıl Artırıyoruz
- Bir Web Sitesi Hız Testini Doğru Bir Şekilde Nasıl Çalıştırırsınız
- Web Sitenizi Hızlandırmak İçin En İyi WordPress Önbellekleme Eklentileri
- WordPress Blogunuz İçin Neden Bir CDN'ye İhtiyacınız Var?
- WordPress'te HTTP İstekleri Nasıl Azaltılır
- WordPress Medyasını Boşaltarak Web Sitesi Hızını Nasıl İyileştirirsiniz
- WordPress Veritabanı Bakımı: Veritabanınızı Nasıl Optimize Edersiniz
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.