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

Render engelleme kaynakları blogcular için büyük bir acı olabilir. Google bunları ortadan kaldırmak için uyarıda bulunuyor. Bunları kaldırmanın birçok yolu var ama işte kodlama gerektirmeyen çok basit bir yol.

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 verir.

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 gibi bir test aracı kullanıyorsanız PageSpeed ​​Insight, 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 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. Üzerinde bir test çalıştırarak hangi kaynakların oluşturmayı engellediğini öğrenebilirsiniz. Google PageSpeed ​​Insight or Web.Ölçü.

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

1. Ziyaret etmek Google PageSpeed ​​Insight

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.

PageSpeed ​​Insight Masaüstü
BloggingTools için Masaüstünde 100 var, neyse ki işleme engelleme sorunumuz yok

İçin BloglamaAraçları, Masaüstü için oluşturmayı engelleme sorunumuz yok, ancak mobil için yapıyoruz. Bunun için aşağıda göreceğiniz gibi Mobil kullanacağız.

PageSpeed ​​Insight Mobil puanı
PageSpeed ​​Insight mobil
Mobil için 2 sorunumuz var

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

BloggingTools.org bu puanı optimizasyon olmadan elde etti çünkü çok hızlı ve hafif bir tema kullanıyoruz. GeneratePress. olarak bilinen çok hızlı bir web barındırıcısında da ev sahipliği yapıyoruz. Cloudways.

not: PageSpeed ​​içgörü puanından 100 alma konusunda takıntılı olmamalısınız. Bu sadece bir rehberdir. Çoğu insan için genellikle 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.

için WordPress eklenti dizinine gidin. Autoptimize'ı kurun ve etkinleştirin

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.

JavaScript'i Otomatikleştir

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.

CSS'yi Otomatikleştir

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. Aşağıda BloggingTools için kullandığım ayarları görebilirsiniz.

HTML'yi Otomatikleştir

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.

Çeşitli seçenekleri otomatikleştir

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 oluşturmayı engelleyen kaynakları ortadan kaldır uyarısı tamamen kayboldu. Aşağıya bakınız.

Google PageSpeed ​​Insight mobil
Google PageSpeed ​​Insight Mobil puanı

Oluşturmayı engelleyen kaç kaynağınız olduğuna 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, kullanabilirsiniz Eşzamansız JavaScript, Autoptimize ile aynı yazara ait bir eklenti. Birlikte çalışıyorlar. Sitenizi bozabileceği için bunu önermiyorum. Tek başına otomatikleştirme tamamdır!

Sonuç

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 barındırıcınızın bozuk olması veya kötü eklentilerin kurulu olması olabilir. Ben tavsiye ediyorum Coudways en iyi web barındırıcısı olarak ve GeneratePress en iyi tema olarak. Yeni başlayan biriyseniz, Bluehost halledebilir, ancak karşılayabiliyorsanız, 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?

Para bloglama nasıl yapılır

Blog nasıl başlatılır

Mfon Abel Ekene

Mfon Abel Ekene

Yararlı içerikler oluşturmaktan zevk alıyorum. Tutkum, internet popülasyonunun ihtiyaç duydukları şeyi doğru yöne yönlendirerek bulmalarına yardımcı olmaktır. Yapmayı sevdiğim şey bu ve TargetTrend'deki içeriğim aracılığıyla tam da bunu yaptığımdan emin olmak için saatlerce araştırma ve test yaptım.

Makaleler: 50

Teknik malzeme alın

Teknoloji trendleri, başlangıç ​​trendleri, incelemeler, çevrimiçi gelir, web araçları ve pazarlama ayda bir veya iki kez

Yorum bırak

E-posta hesabınız yayımlanmayacak.