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 sürekli uyarılarda 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 sitenizin hızını artırmaya çalışıyorsanız ve Google PageSpeed Insight gibi bir test aracı kullanıyorsanız , muhtemelen alacağınız uyarılardan biri de yüklemeyi engelleyen kaynakları ortadan kaldırmanız gerektiğidir.
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?
Bir sayfa yükleme engelleme sorununu çözmeden önce, sorunun nereden kaynaklandığını bilmeniz gerekir. Hangi kaynakların sayfa yüklemeyi engellediğini Google PageSpeed Insight veya Web.Measure üzerinde bir test çalıştırarak öğ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ü sürümde görüntüleme engelleme sorunumuz yok, ancak mobil sürümde var. Bu nedenle, aşağıda görebileceğiniz gibi mobil sürümü 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ı için Autoptimize eklentisini devre dışı bırakmak zorunda kaldım.
BloggingTools.org bu skoru hiçbir optimizasyon yapmadan elde etti çünkü GeneratePress adlı çok hızlı ve hafif bir tema kullanıyoruz . Ayrıca Cloudways olarak bilinen çok hızlı bir web barındırma hizmetinde barındırılıyoruz.
Not : PageSpeed Insights puanında 100 almak konusunda takıntılı olmamalısınız. Bu sadece bir kılavuzdur. Genellikle çoğu kişi için 65 ila 80 arası ortalama bir puan yeterlidir. İşletmeniz için gerekli olan dosyaları silmeyin.
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
WordPress için W3 Total Cache, WP Rocket gibi birçok eklenti bu işi yapabiliyor . Ancak birçok web sitesiyle olan deneyimime göre, Autoptimize her zaman diğerlerinden çok daha iyi performans gösteriyor. En güzel yanı ise Autoptimize'ın neredeyse tüm WordPress önbellekleme eklentileriyle uyumlu olması ve ücretsiz olması.
WordPress eklenti dizinine giderek Autoptimize'ı yükleyin 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.
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. Aşağıda BloggingTools için kullandığım ayarları 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 oluşturmayı engelleyen kaynakları ortadan kaldır uyarısı tamamen kayboldu. Aşağıya bakınız.
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 da fazla işlem yapmak isterseniz, Autoptimize'ın aynı yazarı tarafından geliştirilen Async JavaScript eklentisini kullanabilirsiniz. İkisi birlikte çalışır. Ancak sitenizi bozabileceği için bunu önermiyorum. Autoptimize tek başına sorunsuz çalışı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.
Bu işlemlerden sonra web siteniz hala çok yavaşsa, en olası üç sorun temanızın veya web barındırma sağlayıcınızın kötü olması veya kötü eklentiler yüklemiş olmanız olabilir. En iyi web barındırma sağlayıcısı olarak Cloudways'i ve en iyi tema olarak GeneratePress'i öneririm . Yeni başlayan biriyseniz Bluehost işinizi görebilir, ancak bütçeniz el veriyorsa Cloudways en iyisidir. Ücretsiz olarak başlayabilirsiniz. Ben TargetTrend için GeneratePress ve Cloudways kullanıyorum.
Ayrıca okuyun:
WordPress nasıl çok hızlı yapılır
İlgili Makaleler
