Sayfaların WordPress'e yüklenmesini engelleyen dosyaları (CSS ve JS) ortadan kaldırmak istiyor musunuz? Sitenizi Google Insights PageSpeed üzerinde test ediyorsanız, muhtemelen sayfaların yüklenmesini engelleyen komut dosyalarını ortadan kaldırmak için bir öneri göreceksiniz. Bu eğiticide, Google PageSpeed puanınızı iyileştirmek için sayfalarınızın yüklenmesini engelleyen bu dosyaları nasıl düzelteceğinizi göstereceğiz.
Sayfaların yüklenmesini ne engelliyor?
Her WordPress sitesinde, sayfa sonunda ve tarayıcıda görünmeden önce JavaScript ve CSS dosyaları ekleyen bir tema ve eklentiler bulunur. Bu komut dosyaları, sitenizin sayfasının yüklenme süresini artırabilir ve ayrıca sayfanın oluşturulmasını engelleyebilir.
Bir kullanıcının tarayıcısının, sayfa içeriği yüklenmeden önce komut dosyalarını ve CSS'yi yüklemesi gerekecektir. Bu, daha yavaş bir bağlantıya sahip kullanıcıların sayfayı görüntülemek için birkaç milisaniye daha beklemesi gerektiği anlamına gelir.
İyi bir Google PageSpeed puanı elde etmeye çalışan site sahiplerinin bu sorunu çözmesi gerekecektir.
1 - Autoptimize ile sayfa görüntülemeyi düzeltme
Bu yöntem daha basit ve çoğu kullanıcı için önerilir.
Yapmanız gereken ilk şey, eklentiyi yüklemek ve etkinleştirmek. " Autoptimize ". Daha fazla ayrıntı için bkz. WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuz.
Eklentiyi etkinleştirdikten sonra, ziyaret etmelisiniz " Ayarlar> Otomatik Optimize Et Eklenti ayarlarını yapılandırmak için.
JavaScript ve CSS seçenek kutusunu işaretleyerek başlayabilir ve ardından "Değişiklikleri kaydet" düğmesini tıklayabilirsiniz.
şimdi test edebilirsin Site Web PageSpeed aracını kullanarak. Hala sayfa oluşturmayı engelleyen komut dosyaları varsa, eklenti ayarları sayfasına geri dönmeniz ve en üstteki "Gelişmiş ayarları göster" düğmesini tıklamanız gerekir.
Burada, eklentinin JS satır içi eklemesine izin verebilir ve "seal.js" veya "jquery.js" gibi varsayılan olarak hariç tutulan komut dosyalarını kaldırabilirsiniz.
Ardından CSS seçeneğine gidin ve eklentinin tüm CSS dosyalarını birleştirmesine izin verin.
Değişikliklerinizi kaydetmek için "Değişiklikleri kaydet ve Önbelleği Boşalt" düğmesini tıklayın ve önbelleği temizle eklentisi.
İşiniz bittiğinde, devam edin ve Site Web yine PageSpeed aracıyla.
JavaScripts veya CSS dosyalarınızı optimize ettikten sonra her şeyin doğru çalıştığını görmek için sitenizi iyice test ettiğinizden emin olun.
2 - W3 Toplam Önbellek ile dosya oluşturma düzeltildi
Bu yöntem biraz daha fazla çalışma gerektirir ve halihazırda W3 Total Cache'e sahip olanlara önerilir. web sitesi.
Öncelikle W3 Total Cache eklentisini kurmanız ve etkinleştirmeniz gerekir. Eğer yardıma ihtiyacın varsa, Bizim tam bir rehber W3 Toplam Önbellek görün.
Ardından, "Performans> Genel Ayarlar" ı ziyaret etmeniz ve "küçültme" bölümüne ilerlemeniz gerekir.
Öncelikle, "Etkinleştir" kutusunu işaretlemeniz ve ardından küçültme modu seçeneği için "Manuel" i seçmeniz gerekir.
Düğmesine tıklayın Tüm ayarları kaydet Ayarlarınızı kaydetmek için.
Sonra sen küçültmek istediğiniz komut ve CSS eklemek gerekir.
Google PageSpeed Insights'a göre birleştirilmesi gereken tüm komut dosyalarının ve stil sayfalarının URL'lerini alabilirsiniz.
"Önerilerin altında" diyor. Eleyin JavaScript ve CSS oluşturma engelleyici "Nasıl çözüleceğini göster" seçeneğine tıklayın. Size komut dosyalarının ve stil sayfalarının listesini gösterecektir.
Farenizi bir komut dosyasının üzerine getirin ve size tam URL'yi gösterecektir. Bu URL'yi seçebilir, ardından URL'yi kopyalamak için klavyenizde CTRL + C'yi (Mac'te Command + C) kullanabilirsiniz.
Şimdi WordPress yönetici panonuza gidin ve " performans > Minifier '.
Öncelikle sıkıştırmak istediğiniz JavaScript dosyalarını eklemeniz gerekir. JS bölümüne ilerleyin, ardından bölüm için "'eşzamansız' kullanarak engelleme" olarak embed türündeki "bölgelerdeki işlemler" kümesinin altında .
O zaman düğmeye tıklamanız gerekir Komut Dosyası ekle Ardından, Google PageSpeed aracından kopyaladığınız komut dosyası URL’lerini eklemeye başlayın.
İşiniz bittiğinde, CSS bölümüne gidin ve "Stil Sayfası Ekle" düğmesini tıklayın. Şimdi Google PageSpeed aracıyla kopyaladığınız stil sayfası URL'lerini eklemeye başlayın.
Şimdi düğmeye tıklayın Ayarları Kaydet ve Önbelleği Temizle Ayarlarınızı saklamak için.
Google PageSpeed aracını ziyaret edin ve web sitenizi tekrar test edin.
Her şeyin yolunda gittiğini görmek için web sitenizi de dikkatlice test ettiğinizden emin olun.
Bu eğitim için hepsi bu kadar, umarım performansınızı artırmanıza izin verir. WordPress blog.
