WordPress’de JavaScript’in ayrıştırılması nasıl ertelenir? (Defer parsing of JavaScript)
access_time
hourglass_empty
person_outline

WordPress’de JavaScript’in ayrıştırılması nasıl ertelenir? (Defer parsing of JavaScript)

Giriş

JavaScript’in WordPress’de ayrıştırılmasını ertelemenin (defer parsing of javascript) birkaç sebebi vardır. En önemlisi web sitesinin hızı ve performansıdır. Bu rehberde, WordPress’de JavaScript ayrıştırılmasını nasıl erteleyebileceğinizi gösteren iki yöntem göstereceğiz.

İşte JavaScript’in WordPress’de ayrıştırılmasını erteleyebilmeniz (defer parsing of javascript) için gereken adımlar:

  1. Siteyi analiz edin
  2. WordPress’de JavaScript ayrıştırılmasını erteleyin
  3. Değişiklikleri test edin

Neden JavaScript’in WordPress’de ayrıştırılmasını ertelemelisiniz?

Genellikle JavaScript <head></head> etiketleri arasına yerleştirilir ve site açıldığında kodlar yukarıdan aşağıya doğru çalıştırılır. Eğer çok fazla JS veya uzun diziler varsa web sitenizin içeriğinin görünmesi daha uzun zaman alacaktır. Çünkü öncelikle tüm JavaScript kodunun yüklenmesi beklenecektir. JavaScript ayrıştırılmasını engelleyerek sitenin JS kodlarının tamamlanmasını beklemesini önlemiş olursunuz. Bu da daha hızlı yüklenme süresi olacağı anlamına gelir. Daha hızlı yüklenme süresi de yeterince iyi bir nedendir.

Nelere ihtiyacınız olacak?

Bu rehbere başlamadan önce aşağıdakilere ihtiyacınız var:

  • WordPress Yönetici Panelinize Erişim
  • FTP/Kontrol Paneli Erişimi

Adım 1 — Siteyi analiz etmek

Bu tür bir işlemin gerekip gerekmediği konusunda GTMetrix aracını kullanarak WordPress sitenizi analiz edebilirsiniz.

GTMetrix’deki bu değer için ortalama uygun görülen %71’dir. Analiz ettiğinizde WordPress sitenizin değerini görebilirsiniz.Site analizi - defer parsing of javascript

Adım 2 — WordPress’de JavaScript ayrıştırılmasını ertelemek

WordPress sitenizde JavaScript ayrıştırmasını erteleyebilmek için seçebileceğiniz birkaç yöntem bulunur.

ÖNEMLİ! Devam etmeden önce web sitenizi yedeklediğinizden emin olunuz.

Seçenek 1 – WordPress eklentileri ile JavaScript ayrıştırmasını ertelemek

WordPress’de JavaScript ayrıştırmasını ertelemenin en hızlı yolu WP Deferred JavaScript gibi eklentileri kullanmaktır.

Bir alternatif eklenti ise Speed Booster Pack’dir. Bu eklenti aynı zamanda birkaç daha WordPress optimizasyon tekniğini de sunar.

Speed Booster Pack eklentisini kurduktan sonra eklentinin Ayarlar kısmına girmelisiniz.

WordPress Eklenti

Defer parsing of javascript files seçeneğindeki kutuyu işaretleyin ve Değişikleri Kaydet butonuna tıklayın.

WordPress Eklenti - defer parsing of javascript

Eğer nasıl WordPress eklentilerini kuracağınızı bilmiyorsanız, detaylı rehbere buradan ulaşabilirsiniz.

Seçenek 2 – functions.php dosyası ile WordPress’de JavaScript ayrıştırmasını ertelemek

JS dosyalarının ayrıştırılmasını ertelemek için wp-includes/functions.php dosyanızın sonuna aşağıdaki kod eklenmelidir.

function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.js' ) ) return $url;
return "$url' defer ";
}
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );

Adım 3 — Değişiklikleri test etmek

İlk adımda siteyi analiz etmek için kullandığınız aynı aracı kullanın. Değişiklikler yapıldıktan sonraki performans sonucu:

Site analizi - defer parsing of javascript

Tebrikler, bu kolay adımları takip ederek web sitenizi daha çabuk ve daha iyi performans için hızlandırdınız.

Sonuç

Bu kısa rehberde JavaScript dosyalarının ayrıştırılmasını erteleyerek WordPress web sitenizin hızını ve performansını nasıl geliştirebileceğinizi öğrendiniz. Siteniz ne kadar hafif ve hızlı olursa o kadar fazla trafik alırsınız ve daha mutlu ziyaretçilere sahip olursunuz!

Yazar

Author

Egehan D. / @egehandulger

Egehan Hostinger'da ML ve NN ile denetimsiz öğrenme üzerinde çalışıyor. Veri analizi hakkında büyük bir tutkuya sahiptir. İşi her ne kadar hobi gibi olsa da, çeşitli aktivitelerde gönüllü olmaktan ve ormanda kamp yapmaktan da büyük oranda zevk alıyor.

İlgili Rehberler

Author

Abdullah İNANMAK Yanıt

Ocak 09 2019

2.seçeneği yapmak istiyorum. Ama söylediğiniz gibi kodu wp-includes/functions.php dosyasında en son kısma ekliyorum HTTP ERROR 500 hatası alıyorum. GTmetrix Deferring parsing of JavaScript sorununu bir türlü çözemedim sırf bu sorun içinde ayrıca eklenti kurmak istemiyorum. Oysa şu ingilizce olan yazınızda bu konuya değinmişsiniz ve kodu temanın functions.php dosyasının en son kısmına eklememizi söylemişsiniz. Temamın functions.php dosyasına kodu ekledim değişine hiç bir olmadı. Eklendi kurmadan bu sorunu çözebileceğim bir yolu yok mu?

Author

volkan Yanıt

Mart 23 2019

bu geçersiz çalışmıyor

Bir yanıt bırakın

Yorum*

İsim*

Eposta*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Şimdi Hostinger'ın bir parçası olun!