WordPress’te oluşturma bloklarının kaynağını kaldırmanın ve site hızını artırmanın en iyi yolu
Google’ın sayfa içgörüsünde bir hız testi yaptıysanız, nöbeti engelleyen kaynakları ortadan kaldırmak için bir öneriniz olması gerekir. Doğru? Ancak hangi kaynakların oluşturulmasını engellediğini ve nasıl düzeltileceğini bilmiyorsunuz? Merak etme! Bu makalede, size ne olduğunu ve bilgiyi kodlamadan nasıl hızlı bir şekilde düzeltebileceğinizi göstereceğim. Öyleyse dalış yapalım. Bir render engelleme kaynağı nedir? Render Engelleme Kaynakları genellikle bu dosyayı yüklemeden önce sitenizden diğer kaynakların indirilmesini önleyen sitenizin önünde bulunan JavaScript ve CSS dosyalarıdır.
Basit bir kelime ile: Web sitenize yeni bir tema veya eklenti koyduğunuzda, sitenizin önüne JavaScript ve CSS dosyalarını enjekte eder. Bu dosyalar, web sayfalarınızın sorunsuz bir şekilde oluşturulmasını engelleyebilir ve engelleme sorunlarına neden olabilir. Ve sonunda, web sitenizi yükleme hızını tehlikeye atabilir. Bu nedenle, yükleme hızından ödün vermek ve Google’ın sayfa içgörü puanlarını artırmak istemiyorsanız, sitenizi engelleyen dosyaları ortadan kaldırmanız gerekir. JavaScript ve CSS dosyaları en yaygın oluşturma kaynağı olmasına rağmen, web siteniz bölümündeki diğer dosya türleri de yazı tipleri ve HTML içe aktarma gibi sorunlara neden olabilir.
Sitenizin performansı için neden sağlıksız oluşturma kaynaklarını engelliyor? En büyük neden – hız. Eğilimi engelleyen kaynak, yavaşça yüklenen sitenin arkasındaki en büyük nedenlerden biridir. Birçok web sitesi sahibi bu bölümü görmezden geliyor ve birçoğu ne olduğunu bile bilmiyor. Ve bu nedenle, çoğu yavaş yerlerinin arkasındaki gerçek nedeni bile bilmiyor. Sitenizi sitenizden engelleyen kaynakları ortadan kaldırırsanız, sitenizden önemli oluşturma yollarını en aza indirir ve sonuçta web sitenizin yükünü öncekinden daha hızlı hale getirir. Web sitesinin hızının kullanıcı deneyimi ve arama motorları için ne kadar önemli olduğunu hepimiz biliyoruz. Yani, bu her zaman web sitenizin hızını artırmak için daha iyi bir seçimdir. Web sitenizin bir oluşturma engelleme kaynağı olup olmadığını nasıl kontrol edersiniz? Google Pages Speed Insights’ı kullanarak, web sitenizin el koymayı engelleyen kaynaklara sahip olup olmadığını kolayca öğrenebilirsiniz. Google sayfası içgörüsünü açın, site bağlantınızı girin ve “Analiz” i tıklayın.
Web sitenizi analiz etmeyi bitirdikten sonra Fırsat bölümüne gidin. Burada Google, web sitenizi yükleme hızını artırmak için size olası tüm önerileri verecektir. Fırsat kapsamında, “Renance’yi engelleyen kaynakları ortadan kaldır” önerisini görürseniz, bu, web sitenizin bu soruna sahip olduğu anlamına gelir. Not: Bu uyarıyı kullandığımız yazı tipi türü nedeniyle alıyoruz. Google dostu bir yazı tipi kullanıyorsanız, bu sorunu alamazsınız. Ancak, tavsiye görmüyorsanız, tebrikler, hiçbir şey yapmanıza gerek yoktur, çünkü web sitenizin bu sorunu yoktur. Ayrıca, “oluşturma engelleme kaynağını ortadan kaldır” önerisini tıklayıp genişletirseniz, size sorunlara neden olan belirli bir dosya gösterecektir. Bütün, bu muhtemelen web sitenizin bir sorunu olup olmadığını öğrenmenin en kolay ve en hızlı yoludur. render bloğu. Eminim birkaç teknik test yaparak da öğrenebilirsiniz, ancak benim gibi bir teknoloji uzmanı değilseniz, bu sizin için en iyi seçimdir. WordPress kullanıcısı olarak sitenizden (kodlamadan) engelleme kaynaklarını ortadan kaldırmak için kullanabileceğiniz en iyi 3 eklentiniz, büyük bir avantajınız vardır. Basit bir eklenti kullanarak WordPress sitenizde neredeyse her şeyi yapabilirsiniz. Blog tasarımınızı değiştirmek, belirli widget’ları eklemek veya sitenizin performansını iyileştirmek istiyor musunuz, bir eklenti kullanarak gerçekten her şeyi yapabilirsiniz. Aynı şekilde, renderlemeyi engelleyen kaynakları ortadan kaldırmak için bir teknoloji uzmanı olmanıza gerek yoktur. Bunu yalnızca bir eklenti kullanarak yapabilirsiniz. Piyasada bu sorunun üstesinden gelmeye yardımcı olan birkaç eklenti var, ancak hepsi gerçekten güvenilir değil. Ancak bazıları, bu sorunu çözmek için oluşturmayı engelleyen WordPress eklentilerini ortadan kaldırır. Aralarında en iyi eklentiler:
Roket WP
Otomatik optimize et
Önbellek toplamı w3
Sitenizden engelleme kaynakları oluşturma problemini ortadan kaldırmak için bu eklentilerin her birini nasıl kullanabileceğinizi eylemde göstereyim. 1. WP Rocket Rocket Rocket, piyasadaki en iyi premium önbellek ve performans optimizasyonu eklentilerinden biridir ve bu 3 eklenti arasındaki en iyi seçimdir. Bu eklentiyi ve aynı zamanda en güvenilir olanı kullanmak çok kolay olduğundan. WordPress eklentisini kullanmak için bu oluşturma bloğunu ortadan kaldırın, her şeyden önce WordPress sitenize yüklemeli ve etkinleştirmelisiniz. Bundan sonra, Ayarlar> WP roketini açın ve ardından “Dosya Optimizasyonu’nu tıklayın. “Ardından Dosya Optimizasyonu sekmesinde aşağıdaki kutuyu kontrol edin:
Sol html
CSS Dosya Azaltma
CSS dosyasını birleştirin
CSS teslimatını optimize et
JQuery Geçişini Sil
JavaScript dosyalarını en aza indir
Yük javascript askıya alındı
Bundan sonra “Değiştir’i Kaydet” i tıklayın ve Site Önbelleğinizi temizleyin. İşte burada. Artık site testinizi Google sayfası Insight’ta çalıştırmak için geri dönebilirsiniz ve artık “rahatlatıcıları engelleyen kaynakları ortadan kaldır” önerisi almadığınızı göreceksiniz.
Not: Bu dosyayı optimize etmek için tüm seçenekleri kullanmak sitenize zarar verebilir veya web sitenizin bazı öğelerini etkileyebilir. Bu yüzden en güvenli seçenek, bu dosyayı tek tek optimize etmek ve sitenizi etkileyip etkilemediğini görmek için her seçeneği deneyin. Bu seçeneklerden birinin sitenize zarar verdiğini görürseniz, bu özel seçeneği kullanmayın.
WPROCKE eklentisini yükleyin 2. Otomatik Otomatik Optimizasyon Optimizasyonu, bu oluşturma engelleme problemini çözmeye yardımcı olan bir başka olağanüstü eklentidir. Ancak en iyi bölümün kullanımı tamamen ücretsizdir. WP roketi için bir bütçeniz yoksa, Autoptimize sizin için WP roketi için iyi bir alternatif olabilir. WP roketi gibi, bu aynı zamanda çok kullanışlı ve kullanımı kolay bir eklentidir. Bu eklentiyi kullanmak için, her şeyden önce, WordPress dizininden yüklemeli ve etkinleştirmelisiniz. Ardından Ayarları Aç> Otomatik Optimizasyon. Şimdi önce JavaScript seçeneğinden “JavaScript Kodunu Optimize Etme” ni kontrol edin ve “Agregate JS dosyasını” silin.
Toplam önbellek eklentisini W3 yükleyin
SSS Kaynakları Engelleme Render 1. Oluşturmayı engelleyen kaynakları ortadan kaldırarak nedir? Web siteniz sitenizin en üstünde gereksiz kaynaklar görüntülediğinde ve yüklemek için gereken önemli kaynakları engellediğinde, sitenizi yükleme hızını etkiler. Bu nedenle Google’ın sayfa bilgileri genellikle site hızını artırmak için gerekli olmayan oluşturma engelleme kaynaklarını ortadan kaldırmayı önerir. 2. WordPress’i bloke eden CSS nasıl düzeltilir? WPPPress’i WP Rocket, AutoPtimize ve W3 Total Cache gibi birkaç eklenti kullanarak engelleyen CSS’yi kolayca düzeltebilirsiniz. 3. Bir render engelleme komut dosyasını nerede bulabilirim? Google Page Insights’ı kullanarak sitenizin oluşturma engelleme komut dosyasını bulabilirsiniz. 4. Görüntü oluşturma engelliyor mu? Nöbeti engelleyen bir kaynak olmayan bir resim yoktur. 5. Nöbeti engelleyen kaynaklar, web sitelerini yükleme hızını etkiliyor mu? Kesinlikle evet”! Nöbeti engelleyen kaynaklar genellikle yüklemek için gereken komut dosyalarını engeller;
Basit bir kelime ile: Web sitenize yeni bir tema veya eklenti koyduğunuzda, sitenizin önüne JavaScript ve CSS dosyalarını enjekte eder. Bu dosyalar, web sayfalarınızın sorunsuz bir şekilde oluşturulmasını engelleyebilir ve engelleme sorunlarına neden olabilir. Ve sonunda, web sitenizi yükleme hızını tehlikeye atabilir. Bu nedenle, yükleme hızından ödün vermek ve Google’ın sayfa içgörü puanlarını artırmak istemiyorsanız, sitenizi engelleyen dosyaları ortadan kaldırmanız gerekir. JavaScript ve CSS dosyaları en yaygın oluşturma kaynağı olmasına rağmen, web siteniz bölümündeki diğer dosya türleri de yazı tipleri ve HTML içe aktarma gibi sorunlara neden olabilir.
Sitenizin performansı için neden sağlıksız oluşturma kaynaklarını engelliyor? En büyük neden – hız. Eğilimi engelleyen kaynak, yavaşça yüklenen sitenin arkasındaki en büyük nedenlerden biridir. Birçok web sitesi sahibi bu bölümü görmezden geliyor ve birçoğu ne olduğunu bile bilmiyor. Ve bu nedenle, çoğu yavaş yerlerinin arkasındaki gerçek nedeni bile bilmiyor. Sitenizi sitenizden engelleyen kaynakları ortadan kaldırırsanız, sitenizden önemli oluşturma yollarını en aza indirir ve sonuçta web sitenizin yükünü öncekinden daha hızlı hale getirir. Web sitesinin hızının kullanıcı deneyimi ve arama motorları için ne kadar önemli olduğunu hepimiz biliyoruz. Yani, bu her zaman web sitenizin hızını artırmak için daha iyi bir seçimdir. Web sitenizin bir oluşturma engelleme kaynağı olup olmadığını nasıl kontrol edersiniz? Google Pages Speed Insights’ı kullanarak, web sitenizin el koymayı engelleyen kaynaklara sahip olup olmadığını kolayca öğrenebilirsiniz. Google sayfası içgörüsünü açın, site bağlantınızı girin ve “Analiz” i tıklayın.
Web sitenizi analiz etmeyi bitirdikten sonra Fırsat bölümüne gidin. Burada Google, web sitenizi yükleme hızını artırmak için size olası tüm önerileri verecektir. Fırsat kapsamında, “Renance’yi engelleyen kaynakları ortadan kaldır” önerisini görürseniz, bu, web sitenizin bu soruna sahip olduğu anlamına gelir. Not: Bu uyarıyı kullandığımız yazı tipi türü nedeniyle alıyoruz. Google dostu bir yazı tipi kullanıyorsanız, bu sorunu alamazsınız. Ancak, tavsiye görmüyorsanız, tebrikler, hiçbir şey yapmanıza gerek yoktur, çünkü web sitenizin bu sorunu yoktur. Ayrıca, “oluşturma engelleme kaynağını ortadan kaldır” önerisini tıklayıp genişletirseniz, size sorunlara neden olan belirli bir dosya gösterecektir. Bütün, bu muhtemelen web sitenizin bir sorunu olup olmadığını öğrenmenin en kolay ve en hızlı yoludur. render bloğu. Eminim birkaç teknik test yaparak da öğrenebilirsiniz, ancak benim gibi bir teknoloji uzmanı değilseniz, bu sizin için en iyi seçimdir. WordPress kullanıcısı olarak sitenizden (kodlamadan) engelleme kaynaklarını ortadan kaldırmak için kullanabileceğiniz en iyi 3 eklentiniz, büyük bir avantajınız vardır. Basit bir eklenti kullanarak WordPress sitenizde neredeyse her şeyi yapabilirsiniz. Blog tasarımınızı değiştirmek, belirli widget’ları eklemek veya sitenizin performansını iyileştirmek istiyor musunuz, bir eklenti kullanarak gerçekten her şeyi yapabilirsiniz. Aynı şekilde, renderlemeyi engelleyen kaynakları ortadan kaldırmak için bir teknoloji uzmanı olmanıza gerek yoktur. Bunu yalnızca bir eklenti kullanarak yapabilirsiniz. Piyasada bu sorunun üstesinden gelmeye yardımcı olan birkaç eklenti var, ancak hepsi gerçekten güvenilir değil. Ancak bazıları, bu sorunu çözmek için oluşturmayı engelleyen WordPress eklentilerini ortadan kaldırır. Aralarında en iyi eklentiler:
Roket WP
Otomatik optimize et
Önbellek toplamı w3
Sitenizden engelleme kaynakları oluşturma problemini ortadan kaldırmak için bu eklentilerin her birini nasıl kullanabileceğinizi eylemde göstereyim. 1. WP Rocket Rocket Rocket, piyasadaki en iyi premium önbellek ve performans optimizasyonu eklentilerinden biridir ve bu 3 eklenti arasındaki en iyi seçimdir. Bu eklentiyi ve aynı zamanda en güvenilir olanı kullanmak çok kolay olduğundan. WordPress eklentisini kullanmak için bu oluşturma bloğunu ortadan kaldırın, her şeyden önce WordPress sitenize yüklemeli ve etkinleştirmelisiniz. Bundan sonra, Ayarlar> WP roketini açın ve ardından “Dosya Optimizasyonu’nu tıklayın. “Ardından Dosya Optimizasyonu sekmesinde aşağıdaki kutuyu kontrol edin:
Sol html
CSS Dosya Azaltma
CSS dosyasını birleştirin
CSS teslimatını optimize et
JQuery Geçişini Sil
JavaScript dosyalarını en aza indir
Yük javascript askıya alındı
Bundan sonra “Değiştir’i Kaydet” i tıklayın ve Site Önbelleğinizi temizleyin. İşte burada. Artık site testinizi Google sayfası Insight’ta çalıştırmak için geri dönebilirsiniz ve artık “rahatlatıcıları engelleyen kaynakları ortadan kaldır” önerisi almadığınızı göreceksiniz.
Not: Bu dosyayı optimize etmek için tüm seçenekleri kullanmak sitenize zarar verebilir veya web sitenizin bazı öğelerini etkileyebilir. Bu yüzden en güvenli seçenek, bu dosyayı tek tek optimize etmek ve sitenizi etkileyip etkilemediğini görmek için her seçeneği deneyin. Bu seçeneklerden birinin sitenize zarar verdiğini görürseniz, bu özel seçeneği kullanmayın.
WPROCKE eklentisini yükleyin 2. Otomatik Otomatik Optimizasyon Optimizasyonu, bu oluşturma engelleme problemini çözmeye yardımcı olan bir başka olağanüstü eklentidir. Ancak en iyi bölümün kullanımı tamamen ücretsizdir. WP roketi için bir bütçeniz yoksa, Autoptimize sizin için WP roketi için iyi bir alternatif olabilir. WP roketi gibi, bu aynı zamanda çok kullanışlı ve kullanımı kolay bir eklentidir. Bu eklentiyi kullanmak için, her şeyden önce, WordPress dizininden yüklemeli ve etkinleştirmelisiniz. Ardından Ayarları Aç> Otomatik Optimizasyon. Şimdi önce JavaScript seçeneğinden “JavaScript Kodunu Optimize Etme” ni kontrol edin ve “Agregate JS dosyasını” silin.
Ardından biraz aşağı kaydırın ve CSS seçeneğinden “CSS kodunu optimize et” i tekrar kontrol edin ve “Toplam CSS dosyasını” silin.
Bundan sonra “Değişiklikleri Kaydet ve Boş Önbellek’i tıklayın. “Artık web sitenizin aynı hataya sahip olup olmadığını kontrol edebilirsiniz. Çoğu durumda, bu ayar bu sorunun üstesinden gelmek için yeterlidir, ancak siteniz için çalışmıyorsanız, diğer ayarlarla da oynayabilirsiniz.
Otomatik optimizasyon eklentilerini yükleyin
3. Toplam W3 W3 Önbellek Toplam Önbellek, bu pazardaki en iyi ve en popüler önbellek ve optimizasyon eklentilerinden biridir. 1 milyondan fazla+ aktif kurulumu vardır ve ücretsiz ve ücretli sürümleri mevcuttur. Genel olarak, sitenizden oluşturmayı engelleyen kaynakları ortadan kaldırmanız için çok etkili bir araç olabilir; Eklentiyi ilk başta kullanmak için yükleyin ve etkinleştirin. Bundan sonra, açık performans> Genel Ayarlar. Minify bölümüne kaydırın, Minify kutusunu etkinleştirildiği gibi kontrol edin, Minify modunu kılavuza değiştirin ve “Tüm ayarları kaydedin.” Ardından, tekrar Performans> WordPress Gösterge Tablonuzdan Minify. JS bölümüne gidin ve daha önce “erteleme” kullanarak bloke etmeyen türünü seçin. Sonra JS dosyalarının yönetimine, etkin temanızı seçin, “Komut dosyasını ekle” yi tıklayın, Google’s’tan kopyala-Tempel URL JavaScript Sayfa ve “Tüm Ayarları Kaydet” i tıklayın.
Toplam önbellek eklentisini W3 yükleyin
SSS Kaynakları Engelleme Render 1. Oluşturmayı engelleyen kaynakları ortadan kaldırarak nedir? Web siteniz sitenizin en üstünde gereksiz kaynaklar görüntülediğinde ve yüklemek için gereken önemli kaynakları engellediğinde, sitenizi yükleme hızını etkiler. Bu nedenle Google’ın sayfa bilgileri genellikle site hızını artırmak için gerekli olmayan oluşturma engelleme kaynaklarını ortadan kaldırmayı önerir. 2. WordPress’i bloke eden CSS nasıl düzeltilir? WPPPress’i WP Rocket, AutoPtimize ve W3 Total Cache gibi birkaç eklenti kullanarak engelleyen CSS’yi kolayca düzeltebilirsiniz. 3. Bir render engelleme komut dosyasını nerede bulabilirim? Google Page Insights’ı kullanarak sitenizin oluşturma engelleme komut dosyasını bulabilirsiniz. 4. Görüntü oluşturma engelliyor mu? Nöbeti engelleyen bir kaynak olmayan bir resim yoktur. 5. Nöbeti engelleyen kaynaklar, web sitelerini yükleme hızını etkiliyor mu? Kesinlikle evet”! Nöbeti engelleyen kaynaklar genellikle yüklemek için gereken komut dosyalarını engeller;
