Yaygın Olarak Başarısız Olan Sayfa Hızı Denetimleri ve Nasıl Düzeltilir

Bu yazıda, WordPress web sitenizi optimize etmek için WP Rocket'in nasıl kullanılacağını tartışacağız. En sık başarısız olan PageSpeed ​​denetimlerini geçmek için bu eklentinin nasıl kullanılacağına adım adım bakacağız. Bu makaleyi en yaygın denetime göre başarısız, en az yaygın denetime göre başarısız olacak şekilde sıraladık, ancak hızlı bir şekilde gezinmek için bu gönderinin solundaki içindekiler tablosunu kolayca kullanabilirsiniz.

Web siteniz uygun şekilde optimize edilmemişse, Google size web sitenizin performansını artırmak için takip edebileceğiniz fırsatların bir listesini verecektir. Ek olarak, size geçtiğiniz veya başarısız olduğunuz denetimlerin bir listesini sağlayacaktır. Bir denetimde başarısız olursanız, bunu en iyi nasıl çözeceğiniz konusunda size önerilerde bulunurlar.

Google PageSpeed'de 100 üzerinden mükemmel bir 100 almanız şart değildir. Hız, Google araması için bir sıralama faktörü olduğundan, web sitenizin hızlı bir şekilde yüklenebilmesi önemlidir. Ek olarak, daha hızlı bir web sitesinin neden daha yüksek dönüşüm oranlarına ve daha düşük hemen çıkma oranlarına yol açtığını açıklayan tonlarca istatistik var (tek yapmanız gereken Google'da arama yapmak). Hız endeksiniz için kesinlikle 2.0'ın altında puan almak istiyorsunuz.

Artık hızın neden önemli olduğunu bildiğimize göre, web sitesi optimizasyonumuz için neden WP Rocket'i seçtiğimizi gözden geçirelim.

Tüm WordPress web sitelerini optimize etmek için WP Rocket kullanıyoruz. Buna ajans olarak kurduğumuz web siteleri ve SpeedOpp (profesyonel WordPress hız optimizasyonu) ile bir optimizasyon hizmeti çalıştırırken üzerinde çalıştığımız web siteleri dahildir. WP Rocket'i seçmemizin nedeni, sektördeki en hızlısı olması ve uygulanmasının da son derece kolay ve basit olmasıdır.

Bizi yanlış anlamayın, süper güçlü bir araçtır ve anlaşılmasını ve kullanılmasını kolaylaştıracak şekilde tasarlanmıştır - bize çok zaman kazandırır. Premium bir eklentidir (49$/yıl), ancak basittir ve en hızlı web sitelerine yönlendirir (bunu test ettik).

Şimdi, başarısız olabileceğiniz her bir sayfa hızı denetimi için gerçek optimizasyon Eğitimlerine geçelim. WordPress web siteniz için bir rapor oluştururken Google PageSpeed'in size sunacağı en yaygın fırsatları ele alacağız. Bu fırsatlar ve denetimler bir Lighthouse raporunda da bulunabilir. İçeri girelim.

Oluşturmayı engelleyen kaynakları ortadan kaldırın

Bu muhtemelen WordPress web sitenizde karşılaşacağınız en yaygın hatadır. Web sitenizi optimize etmek için hiçbir şey yapmadıysanız, oluşturma engelleme kaynakları çok yaygın. Google fırsatı, oluşturmayı engelleyen kaynakları ortadan kaldırmanız gerektiğini önerir.

İlk olarak, oluşturmayı engelleyen kaynaklar nelerdir? Daha fazlasını buradan öğrenebilirsiniz, ancak kısacası bunlar web sitenizin yüklenme süresini yavaşlatan komut dosyaları veya dosyalardır. Belirli bir yöneticiye belirli bir tür dosya yüklendiğinde, tarayıcı bu dosyayı yüklemek için web sayfasını oluşturmayı durdurur, onu okur ve ardından web sayfasını oluşturmaya devam eder. Birden çok işleme engelleme kaynağına sahip olmak toplanır ve çok daha yavaş bir web sitesine yol açar.

WP Roket adresleri, engelleme kaynaklarını üç şekilde işler. İlk olarak, eklentiyi web sitesine yüklediğinizde, otomatik olarak bir önbellek oluşturur.

İkinci olarak, araç JavaScript sunumunu optimize etmek için etkinleştirebileceğiniz 2 ayar sunar ve bunu yapmak için CSS dönemi, WP Rocket panosundaki dosya optimizasyon sekmesine gidin.

Bu sayfada, aşağıdaki iki ayarı etkinleştirebilirsiniz:

• CSS dağıtımını optimize edin - Bu, son derece güçlü, ancak otomatik bir özelliktir. İki adımda gerçekleşir. İlk olarak, WP Rocket tüm CSS'yi tanımlayacak ve web sitesini yüklemek için gerekli. Buna, ilk görünüm portunu yüklemek için gerekli olan kritik yol CSS'si denir. Ardından, oluşturma engelleme yönünü kaldırarak tüm ek CSS'leri eşzamansız olarak yükleyecektir.
• JavaScript'i ertelenmiş yükle - JavaScript'in yüklenmesini ertelemek, bunun oluşturma engelleme özelliğini kaldırır.

Ayrıca CSS ve JavaScript dosyalarını da birleştirmenizi ve küçültmenizi öneririz. Bu, tüm dosyaları tek bir daha büyük dosyada birleştirir ve HTTP isteklerinin miktarını azaltır ve engelleme kaynakları oluşturur.

Kullanılmayan CSS'yi Erteleyin

CSS dağıtımını optimize ederek kullanılmayan CSS'yi ertelersiniz. Kullanılmayan CSS, sayfanın ilk görünüm penceresi yüklenirken gerekli olmayan herhangi bir CSS'dir.

WP Rocket --> Dosya Optimizasyonu'na gidin ve "CSS dağıtımını optimize et" özelliğini etkinleştirin. Bu, oluşturma engelleme kaynaklarını ortadan kaldırmak için az önce tartışılan aynı "CSS dağıtımını optimize et" ayarıdır.

Bu hızlı ve kolaydı, değil mi?

CSS'yi küçült ve JavaScript'i küçült

WordPress web siteleri, birden çok eklenti ve tema kullandıkları için genellikle bu iki denetimde başarısız olur. Bunda yanlış bir şey yok ve WP Rocket kullanarak WordPress'te CSS ve JavaScript'i birleştirmek ve küçültmek oldukça kolay ve basit.

Öncelikle, küçültme, WordPress web sitenizdeki JavaScript komut dosyalarını ve CSS dosyalarını oluşturan koddaki boşlukları ve kullanılmayan karakterleri kaldırmayı ifade eder. Devam edebilir ve bunu manuel olarak yapabilirsiniz, ancak WP Rocket bunu sizin için otomatik olarak yapacaktır.

WP Rocket'teki dosya optimizasyonu sekmesi altında, CSS'yi küçült ve JavaScript'i küçült seçeneğini işaretlemeniz yeterlidir. HTML'yi küçültme, CSS dosyalarını birleştirme ve daha fazlası gibi bu sekmede bulacağınız ek özellikler ve işlevler vardır.

Dosyaları küçültürken WP Rocket, bunun bazı şeyleri bozabileceği konusunda sizi uyaracaktır. Bu geçerli bir uyarı çünkü WordPress web sitenizin dayandığı temel kodu değiştiriyor. Herhangi bir şey bozulursa, ayarın işaretini kaldırabilirsiniz ve her şey normale dönecektir.

Anahtar isteklerini önceden yükle

Zamanın %99'unda, önyükleme anahtarı istekleri denetiminde başarısız oluyorsanız, bunun yazı tiplerinizle ilgisi vardır. Bu, özellikle Elementor sayfa oluşturucu ve ön yükleme etiketini eklemeden üçüncü taraf yazı tiplerini çağıran diğer eklentiler için geçerlidir. Neyse ki, bu düzeltilmesi son derece kolay bir şeydir.

Bu denetimde başarısız olduğunuzda Google, önceden yüklenmeyen dosyalar konusunda sizi uyaracaktır. Yazı tipi dosyalarıysa, ilgili URL'yi Google'dan WP Rocket'e kopyalayıp yapıştırmanız yeterlidir. Yazı tiplerini önceden yüklemek için giriş alanı, WP Rocket'teki önyükleme sekmesi altında bulunabilir.

Ayrıca harici dosyaları ve DNS isteklerini önceden getirebilirsiniz. Bu, ön yükleme yazı tipleri girişinin hemen üzerindeki ön yükleme bölümünde bulunur.

Ekran dışı görüntüleri erteleyin

Bu denetimde başarısız olursanız, sayfanız yüklendiğinde tüm resimlerinizi yüklediğiniz anlamına gelir. Ziyaretçiler resme kaydırıp görüntülemese bile, veri aktarımını yükler ve web sitenizin yüklenmesini yavaşlatır.

Ekran dışı görüntüleri ertelemek için tek yapmanız gereken onları tembelce yüklemek.

WP Rocket'teki medya sekmesi altında, resimler, iframe'ler ve videolar için tembel yüklemeyi etkinleştirin. Web sitenizde çok sayıda YouTube videosu varsa, büyük olasılıkla sayfa hızınızı ciddi şekilde etkiliyorlar. Web sitenize Gömülü YouTube videolarınız varsa, yüksek kareler ve videolar için geç yüklemeyi etkinleştirmenizi öneririz.

Bunun nedeni, YouTube oynatıcısının JavaScript'i engelleme nedeniyle yüklenmesi biraz zaman almasıdır. Kullanıcı kaydırdığında videoyu yükleyerek bu sorunu tamamen ortadan kaldırmış olursunuz.

YouTube videolarınız için gecikmeli yüklemeyi etkinleştirdikten sonra, YouTube iframe'ini bir önizleme görüntüsüyle değiştirmeyi de seçebilirsiniz. WordPress web sitenizde çok sayıda YouTube yerleştirmesi çalıştırıyorsanız, bu sizin için çok faydalı olan başka bir şeydir.

Oynatıcı bir önizleme resmiyle değiştirildiğinde, kullanıcı özellikle önizleme resmine tıklamadığı sürece video ve oynatıcı yüklenmez. Bu, yalnızca gerekli verileri yüklediğiniz ve ilgili web sayfasının yükleme süresini ciddi şekilde iyileştirdiğiniz anlamına gelir.

Sunucu Yanıt Sürelerini Azaltın (TTFB)

WP Rocket ile bu metriği geliştirmek için hiçbir şey yapamasanız da bunu yazımıza dahil edelim diye düşündük.

Sunucu yanıt sürelerini azaltın (1. bayta kadar geçen süre olarak da bilinir), genellikle yetersiz barındırmada olduğunuz anlamına gelir. Özellikle, paylaşılan barındırmadaysanız (Bluehost, GoDaddy, HostGator…) sunucu yanıt süreleri her zaman son derece zayıftır.

Sunucu yanıt sürelerini iyileştirmenin en iyi yolu, yalnızca daha kaliteli bir ana bilgisayara geçiş yapmaktır. Bunun her zaman pahalı olması gerekmez. Paylaşılan barındırma ile aynı maliyetle premium ana bilgisayarlara geçiş hakkında birkaç ayrıntılı makale oluşturduk.

Zamanı 1. bayta indirme önerimiz, mevcut WordPress sunucunuzdan Cloudways'e geçmek olacaktır. Ayda yalnızca 10 ABD Doları tutarında bir planları vardır ve web sitenizi kurumsal düzeyde bir bulut barındırma hizmetine ev sahipliği yapmanıza olanak tanır. Kredi kartı numarasını girmeden platformlarını (hatta web sitenizin bir kopyasını taşıyabilirsiniz) üç gün boyunca ücretsiz olarak deneyebilirsiniz. Ayrıca “ISOTROPIC” indirim kodunu kullanarak ilk ay hostinginizde %30 indirim kazanabilirsiniz.