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.
İçerik
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.
İç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.
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.
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 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 Caddeler 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
