WordPress'te oluşturmayı engelleyen kaynakları ortadan kaldırma (Çok Kolay)

Hızlı bir blog veya web sitesine sahip olmak çok önemlidir. Arama motorlarında üst sıralarda yer almak istiyorsanız bu önemlidir. Web siteniz çok yavaşsa, SEO'nuza kesinlikle zarar verecektir.

Ayrıca, yavaş bir web sitesi hemen çıkma oranını yükseltebilir ve bu da teknik olarak markanıza birçok yönden zarar verir. Yavaş bir web sitesi geliri ve dönüşümü etkileyebilir.

Çoğu kullanıcı sabırsızdır, sitenizin yüklenmesi çok uzun sürerse siteyi terk eder ve daha hızlı bir alternatife geçer. Bu potansiyel bir müşteri veya gelir artırıcı gitti.

Web sitenizi hızlandırmaya çalışıyorsanız ve Google PageSpeed ​​Insight gibi bir test aracı kullanıyorsanız, muhtemelen alabileceğiniz bir uyarı, oluşturmayı engelleyen kaynakları ortadan kaldırmaktır.

Bu makalede, oluşturmayı engelleyen kaynakları nasıl kolayca ortadan kaldıracağınızı öğreneceksiniz.

Oluşturmayı engelleyen kaynaklar nelerdir?

Oluşturmayı engelleyen kaynaklar, sayfa içeriğinin oluşturulabilmesi için web tarayıcısı tarafından indirilmesi gerektiğinden bir web sitesinin yükleme süresini yavaşlatan CSS ve JavaScript'tir.

Bir ziyaretçi bir web sitesine erişmeye çalıştığında, tarayıcı web sitesini hemen yukarıdan aşağıya doğru okumaya başlar. Herhangi bir CSS veya JavaScript varsa, tarayıcı dosyaları indirip işleyene kadar okumayı durduracaktır. Tarayıcının ekranın üst kısmındaki içeriği oluşturabilmesi için önce CSS veya JavaScript dosyalarını indirmesi gerekir.

Yüklediğiniz eklentiler veya temalar, bu CSS ve JS'lerden bazılarını ekleyebilir. Bazılarının önce yüklenmesi gerekmez, daha sonra yükleyebilirler. Ancak en üstte oldukları için web sitenizi yavaşlatırlar.

Google'ın "oluşturmayı engelleyen kaynakları ortadan kaldırın" ile kastettiği şey, web sitesi içeriğinin yüklenmesini yavaşlattığı için web sitenizin üst kısmından gereksiz kaynakları kaldırmanızdır.

Oluşturmayı engelleyen kaynaklar nasıl bulunur?

Oluşturma engelleme sorununu çözmeden önce, sorunun nereden geldiğini bilmeniz gerekir. Google PageSpeed ​​Insight veya Web.Measure üzerinde bir test çalıştırarak hangi kaynakların oluşturmayı engellediğini öğrenebilirsiniz.

Oluşturma engelleme kaynaklarını bulmak için aşağıdaki adımları takip edebilirsiniz:

1. Google PageSpeed ​​Insight'ı ziyaret edin

2. Web sitenizin adresini girin ve analiz et'e tıklayın.

3. Aşağı kaydırın ve oluşturmayı engelleyen kaynaklar uyarısını ortadan kaldırmak için bakın.

Hem mobil hem de masaüstü musluğunda kontrol edin.

BloggingTools için Masaüstü için oluşturmayı engelleme sorunumuz yok, ancak mobil için yapıyoruz. Bunun için aşağıda gördüğünüz gibi Mobil kullanacağız.

Mobil için yukarıda gördüğünüz gibi 2 render engelleme sorunumuz var. 93 puanla. Puan daha yüksekti, ancak bu yazı uğruna Autoptimize eklentisini devre dışı bırakmak zorunda kaldım.

BloggingTools.org, GeneratePress adlı çok hızlı ve hafif bir tema kullandığımız için bu puanı optimizasyon olmadan elde etti. Ayrıca Cloudways olarak bilinen çok hızlı bir web barındırıcısında ev sahipliği yapıyoruz.

Not : PageSpeed ​​içgörü puanından 100 alma konusunda takıntılı olmamalısınız. Bu sadece bir rehberdir. Genellikle çoğu insan için ortalama 65 ila 80 puan iyidir. İşletmeniz için gerekli olan dosyaları kaldırmayın.

WordPress ile ilgili iyi olan şey, her şeyi manuel olarak yapmanıza gerek olmamasıdır. Yardımcı olacak bazı iyi kodlanmış eklentiler var.

WordPress'te oluşturmayı engelleyen kaynaklar sorununu ortadan kaldırma sorunu nasıl düzeltilir?

Oluşturmayı engelleyen kaynaklar sorununu ortadan kaldırmak için şu adımları izleyin:

1. Autoptimize'ı kurun ve etkinleştirin

Bunu yapabilen W3 toplam önbellek, WP Rocket ve benzeri gibi birçok WordPress eklentisi vardır. Ancak birçok web sitesindeki deneyimime göre, Autoptimize her zaman herhangi birinden çok daha iyi idare ediyor. Harika olan şey, Autoptimize'ın neredeyse tüm WordPress önbellek eklentileriyle uyumlu olması ve ücretsiz olmasıdır.

Autoptimize'ı kurmak ve etkinleştirmek için WordPress eklenti dizinine gidin

2. Otomatik Optimize Etme ayarlarını ziyaret edin

Autoptimize ayarlarını nerede bulacağınıza ihtiyacınız olursa, WordPress kontrol panelinizde ayarlara ve ardından Autoptimize seçeneğine tıklayın.

3. JavaScript'i Optimize Edin

JavaScript seçenekleri altında, Komut Dosyası kodunu Optimize Et'i ve ayrıca toplu JS dosyalarını seçin. BloggingTools için kullandığım ayarları aşağıda bulabilirsiniz.

4. CSS'yi Optimize Edin

CSS'yi Optimize Et seçenekleri altında CSS kodunu optimize et'i seçin. Ayrıca toplu CSS dosyalarını ve "Satır içi CSS'yi de topla"yı seçin. Aşağıdaki BloggingTools için kullandığım Seçeneklere bakın.

5. HTML'yi Optimize Edin

Daha iyi performans istiyorsanız, HTML'yi optimize etmek için Autoptimize'ı da kullanabilirsiniz. HTML Seçenekleri altında, HTML Kodunu optimize et'i seçin. BloggingTools için kullandığım ayarları aşağıda görebilirsiniz.

6. Çeşitli Seçenekleri Kontrol Edin

Çeşitli Seçenekleri kontrol edebilir ve sizin için çalıştığı gibi bazı ayarları değiştirebilirsiniz. BloggingTools için ayarları aşağıda bulabilirsiniz.

7. Önbelleği kaydedin ve boşaltın.

Ardından, Kaydet'e tıklayın ve önbelleği boşaltın. Hepsi bu!

Tüm bunlardan sonra sitenizi Google PageSpeed ​​Insight üzerinden tekrar kontrol edebilirsiniz. BloggingTools için, bunu yaptıktan hemen sonra puanımız 95'e yükseldi ve tüm render engelleme kaynakları uyarısı tamamen ortadan kalktı. Aşağıya bakınız.

Oluşturmayı engelleyen kaynaklarınızın sayısına ve bunların siteniz için ne kadar önemli olduğuna bağlı olarak, bunlardan birkaçının kalabileceğini lütfen unutmayın. Onları kaldırmaya çalışmayın.

Daha fazla ortadan kaldırmak istiyorsanız, Autoptimize ile aynı yazara ait bir eklenti olan Async JavaScript'i kullanabilirsiniz. Birlikte çalışıyorlar. Sitenizi bozabileceği için bunu önermiyorum. Tek başına otomatikleştirme tamamdır!

Çözüm

Hız önemlidir ve oluşturmayı engelleyen kaynakları ortadan kaldırmak, web sitenizin daha hızlı yüklenmesine ve sitenize hız testi araçlarında daha iyi puan vermesine yardımcı olabilir. Ancak, yalnızca rehberlik etmek için orada oldukları için bu puanlara asla takıntılı olmamalısınız.

Web siteniz bundan sonra hala çok yavaşsa. En olası üç sorun, temanızın veya Web sunucunuzun bozuk olması veya kötü eklentilerin kurulu olması olabilir. En iyi web barındırma sunucusu olarak Coudways'i ve en iyi tema olarak GeneratePress'i öneririm. Yeni başlayan biriyseniz, Bluehost başa çıkabilir, ancak paranız varsa Cloudways en iyisidir. Ücretsiz başlayabilirsiniz. TargetTrend için GeneratePress ve Coudways kullanıyorum

Ayrıca okuyun:

WordPress nasıl çok hızlı yapılır

Blogunuza trafik nasıl çekilir?

Blog yazarak nasıl para kazanılır

Blog nasıl başlatılır