WordPress Eklentileri Sitenizin Yükleme Süresini Nasıl Etkiler?

WordPress eklentilerinin sitenizin yüklenme süresini nasıl etkilediğini hiç merak ettiniz mi? WordPress eklentileri sitenize özellikler eklemenize olanak tanır, ancak web sitenizin hızını da etkileyebilirler. Bu makalede, WordPress eklentilerinin sitenizin yüklenme süresini nasıl etkilediğini ve bunları nasıl daha verimli bir şekilde kontrol edebileceğinizi göstereceğiz.

WordPress Eklentileri Nasıl Çalışır?

WordPress eklentileri, WordPress siteniz için uygulamalar gibidir. İletişim formları, fotoğraf galerileri veya e-ticaret mağazası gibi web sitenize daha fazla özellik eklemek için bunları yükleyebilirsiniz.

Birisi web sitenizi ziyaret ettiğinde, WordPress önce çekirdek dosyalarını yükler ve ardından tüm etkin eklentilerinizi yükler.

Daha fazla ayrıntı için WordPress eklentileri nedir? Ve nasıl çalışırlar?

Eklentiler Site Yükleme Süresini Nasıl Etkileyebilir?

Her WordPress eklentisi farklı işlevsellik ve özellikler sunar. Bunu yapmak için, bazı eklentiler arka uçta veritabanı çağrıları yaparken, diğerleri CSS stil sayfaları, JavaScript dosyaları, resimler vb. gibi ön uçtaki varlıkları yükler.

Veritabanı sorguları yapmak ve varlıkları yüklemek sitenizin yüklenme süresini uzatır. Çoğu eklenti komut dosyaları, CSS ve resimler gibi varlıkları yüklemek için bir HTTP isteği yapar. Her istek sitenizin sayfa yükleme süresini artırır.

Düzgün bir şekilde yapıldığında, performans etkisi genellikle çok belirgin değildir.

Ancak, dosyaları ve varlıkları yüklemek için çok fazla http isteği yapan birden fazla eklenti kullanıyorsanız, sitenizin performansını ve kullanıcı deneyimini etkileyecektir.

WordPress Eklentileri Tarafından Yüklenen Dosyalar Nasıl Kontrol Edilir?

Eklentilerin sayfa yükleme sürenizi nasıl etkilediğini görmek için WordPress eklentileri tarafından yüklenen dosyaları kontrol etmeniz gerekir.

Bunu anlamak için kullanabileceğiniz pek çok araç vardır.

Tarayıcınızın geliştirici araçlarını kullanabilirsiniz (Google Chrome’da Inspect ve Firefox’ta Inspect Element).

Web sitenizi ziyaret edin ve sağ tıklayarak İncele’yi seçin. Bu, geliştirici araçları panelini açacaktır.

‘Ağ’ sekmesine tıklamanız ve ardından web sitenizi yeniden yüklemeniz gerekir. Sayfa yeniden yüklenirken, tarayıcınızın her bir dosyayı nasıl yüklediğini görebileceksiniz.

Bunu görmek için Pingdom ve GTmetrix gibi üçüncü taraf araçları da kullanabilirsiniz. Diğer faydalı bilgilerin yanı sıra, bu araçlar size yüklenen tüm dosyaları ve yüklenmelerinin ne kadar zaman aldığını da gösterecektir.

Kaç Eklenti Çok Fazla?

Bu dosyaların yüklendiğini gördükçe, sitemde kaç tane eklenti kullanmam gerektiğini merak etmeye başlayabilirsiniz. Kaç eklenti çok fazla?

Cevap gerçekten de web sitenizde kullandığınız eklenti setine bağlıdır.

Tek bir kötü eklenti 12 dosya yükleyebilirken, birden fazla iyi eklenti sadece birkaç ekstra dosya ekleyecektir.

Tüm iyi kodlanmış eklentiler yükledikleri dosyaları minimumda tutmaya çalışır. Ancak tüm eklenti geliştiricileri bu kadar dikkatli değildir. Bazı eklentiler, bu dosyalara ihtiyaç duymasalar bile her sayfa yüklemesinde dosya yüklerler.

Bu tür eklentilerden çok fazla kullanıyorsanız, bu durum sitenizin performansını etkilemeye başlayacaktır.

Eklentiler Nasıl Kontrol Altında Tutulur?

WordPress sitenizde yapabileceğiniz en önemli şey, yalnızca iyi kodlanmış, iyi incelemelere sahip ve güvenilir kaynaklar tarafından önerilen eklentileri kullanmaktır.

Hangi WordPress eklentilerinin nasıl bulunacağına ilişkin kılavuzumuza bakın.

Bir WordPress eklentisinin sitenizin yükünü etkilediğini fark ederseniz, aynı işi yapan ancak daha iyi olan daha iyi bir eklenti arayın.

Ardından, sitenizin performansını ve hızını daha da artırmak için önbelleğe alma ve CDN kullanmaya başlamanız gerekir.

Dikkate almanız gereken bir diğer faktör de web sitenizin barındırılmasıdır. Barındırma sunucularınız uygun şekilde optimize edilmemişse, sitenizin yanıt süresini artıracaktır.

Bu, yalnızca eklentilerin değil, sitenizin genel performansının da daha yavaş olacağı anlamına gelir. En iyi WordPress barındırma şirketlerinden birini kullandığınızdan emin olun.

Son çare olarak, onsuz yaşayabileceğiniz eklentileri kaldırabilirsiniz. Web sitenizdeki yüklü eklentileri dikkatlice gözden geçirin ve bazılarını kaldırıp kaldıramayacağınıza bakın. Hız için özelliklerden ödün vermeniz gerekeceğinden bu ideal bir çözüm değildir.

WordPress Eklenti Varlıklarını Manuel Olarak Optimize Edin

İleri düzey WordPress kullanıcıları WordPress eklentilerinin sitelerindeki dosyaları nasıl yüklediğini yönetmeyi deneyebilirler. Bunu yapmak biraz kodlama bilgisi ve biraz hata ayıklama becerisi gerektirir.

WordPress’te komut dosyalarını ve stil sayfalarını yüklemenin doğru yolu wp_enqueue_style ve wp_enqueue_script işlevlerini kullanmaktır.

Çoğu WordPress eklentisi geliştiricisi bunları eklenti dosyalarını yüklemek için kullanır. WordPress ayrıca bu komut dosyalarının ve stil sayfalarının kaydını silmek için kolay işlevlerle birlikte gelir.

Ancak, bu komut dosyalarını ve stil sayfalarını yüklemeyi devre dışı bırakırsanız, bu eklentilerinizi bozar ve düzgün çalışmazlar. Bunu düzeltmek için, bu stilleri ve komut dosyalarını kopyalayıp temanızın stil sayfası ve JavaScript dosyalarına yapıştırmanız gerekecektir.

Bu şekilde, hepsini bir kerede yükleyebilir, http isteklerini en aza indirebilir ve sayfa yükleme sürenizi etkili bir şekilde azaltabilirsiniz.

WordPress’te stil sayfalarının ve JavaScript dosyalarının kaydını nasıl kolayca sileceğimizi görelim.

WordPress’te Eklenti Stil Sayfalarını Devre Dışı Bırakma

İlk olarak, kaydını silmek istediğiniz stil sayfasının adını veya tanıtıcısını bulmanız gerekir. Tarayıcınızın denetleme aracını kullanarak bunu bulabilirsiniz.

Stil sayfası tutamacını bulduktan sonra, bu kodu temanızın functions.php dosyasına veya siteye özel bir eklentiye ekleyerek kaydı kaldırabilirsiniz.

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
}

Bu fonksiyon içinde istediğiniz kadar stil tutamacının kaydını silebilirsiniz. Örneğin, stil sayfasının kaydını silmek için birden fazla eklentiniz varsa, bunu şu şekilde yaparsınız:

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
wp_deregister_style( 'bfa-font-awesome-css' );
wp_deregister_style( 'some-other-stylesheet-handle' );
}

Bu stil sayfalarının kaydını silmenin web sitenizdeki eklenti özelliklerini etkileyeceğini unutmayın. Kaydını sildiğiniz her stil sayfasının içeriğini kopyalamanız ve WordPress temanızın stil sayfasına yapıştırmanız veya özel CSS olarak eklemeniz gerekir.

WordPress’te Eklenti JavaScripts’i Devre Dışı Bırakma

Stil sayfalarında olduğu gibi, bunların kaydını silmek için JavaScript dosyası tarafından kullanılan tanıtıcıyı bulmanız gerekecektir. Ancak, inspect aracını kullanarak tanıtıcıyı bulamazsınız.

Bunun için, eklentinin bir komut dosyasını yüklemek için kullandığı tanıtıcıyı bulmak üzere eklenti dosyalarının derinliklerine inmeniz gerekecektir.

Eklentiler tarafından kullanılan tüm tutamaçları öğrenmenin bir başka yolu da bu kodu temanızın functions.php dosyasına eklemektir.

function wpb_display_pluginhandles() { 
$wp_scripts = wp_scripts(); 
$handlename .= "<ul>"; 
    foreach( $wp_scripts->queue as $handle ) :
      $handlename .=  '<li>' . $handle .'</li>';
    endforeach;
$handlename .= "</ul>";
return $handlename; 
}
add_shortcode( 'pluginhandles', 'wpb_display_pluginhandles'); 

Bu kodu ekledikten sonra, eklenti komut dosyası tutamaçlarının bir listesini görüntülemek için [pluginhandles] kısa kodunu kullanabilirsiniz.

Artık kod tutamaçlarına sahip olduğunuza göre, aşağıdaki kodu kullanarak bunların kaydını kolayca kaldırabilirsiniz:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
}

Bu kodu, aşağıdaki gibi birden fazla komut dosyasını devre dışı bırakmak için de kullanabilirsiniz:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
wp_deregister_script( 'gdwpm_lightbox-script' );
wp_deregister_script( 'another-plugin-script' );
}

Şimdi, daha önce de belirttiğimiz gibi, bu komut dosyalarının devre dışı bırakılması eklentilerinizin düzgün çalışmasını durduracaktır.

Bundan kaçınmak için JavaScripts’i bir araya getirmeniz gerekecektir, ancak bazen sorunsuz çalışmaz, bu nedenle ne yaptığınızı bilmeniz gerekir. Deneme yanılma yoluyla öğrenebilirsiniz (çoğumuzun yaptığı gibi), ancak bunu canlı bir sitede yapmamanızı öneririz.

Test etmek için en iyi yer yerel bir WordPress kurulumu veya yönetilen WordPress barındırma sağlayıcıları ile bir hazırlık sitesidir.

Komut Dosyalarını Yalnızca Belirli Sayfalara Yükleyin

Web sitenizdeki belirli bir sayfada bir eklenti komut dosyasının yüklenmesine ihtiyaç duyacağınızı biliyorsanız, söz konusu sayfada bir eklentiye izin verebilirsiniz.

Bu şekilde komut dosyası sitenizin diğer tüm sayfalarında devre dışı kalır ve yalnızca gerektiğinde yüklenir.

Belirli sayfalara komut dosyalarını şu şekilde yükleyebilirsiniz.

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
if ( !is_page('Contact') ) {
wp_deregister_script( 'contact-form-7' );
}
}

Bu kod, iletişim sayfası dışındaki tüm sayfalarda contact-form-7 komut dosyasını devre dışı bırakır.

Şimdilik bu kadar.

Bu makalenin WordPress eklentilerinin sitenizin yüklenme süresini nasıl etkilediğini öğrenmenize yardımcı olduğunu umuyoruz. WordPress hızını ve site performansını artırmaya yönelik nihai kılavuzumuzu da görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, WordPress video eğitimleri için lütfen YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook‘ta da bulabilirsiniz.