SİTE PERFORMANSI WORDPRESS

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

WordPress 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. 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 çabuk yüklenme süresi olacağı anlamına gelir. Bu rehberde, WordPress’de JavaScript ayrıştırılmasını nasıl erteleyebileceğinizi gösteren iki yöntem göstereceğiz.

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ırması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 hakkında

Egehan D.

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.

Yorum Ekle

Yorum göndermek için buraya tıklayın

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

Dünya çapında binlerce aboneye katılın

ve mükemmel fırsatlarla en yeni rehberler e-posta adresinize gelsin

Please wait...

Abone olduğunuz için teşekkürler!

Şimdi kazanmaya başlayın!

Hepsi bir arada web hosting & alan adı yalnızca

6
25 TL
/ay