Wp’de Js ve CSS kodlarını üst kısımdan kaldıralım

Wp’de Js ve CSS kodlarını üst kısımdan kaldıralım
57

Günümüzde site optimizasyonu google açısından en önemli kriterlerin başında geliyor. Durum böyleyken site optimizasyonunu yapmamız elzem oluyor. Bu yazımda oluşturmayı geciktiren javascript ve css kodlarını ekranın üst kısmından kaldırıyoruz üstelik bunu ücretli bir şekilde değil küçük bir kod kitlesiyle yapıyoruz..

Aşağıda vereceğim kod kitlesini temanızın functions.php dosyasında <?php etkiketinin altına yerleştiriyoruz..

/**
 * Automatically move JavaScript code to page footer, speeding up page loading time.
 */
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_print_scripts', 5);
add_action('wp_footer', 'wp_enqueue_scripts', 5);
add_action('wp_footer', 'wp_print_head_scripts', 5);

Yorum Yap

Yapına Yorumlar (6)

  1. bu kod sadece js dosylarını taşıyor. Css dosylarını nasıl taşıyacağız? bir de defer kodu ile bu dosylara geciktirilebiliyor. WordPress’in hangi dosyasında oluyor normalde css ve js kaynakları. Normalde temanın üst kısmında yani header.php de olması gerekiyor ama orada yok. Başka bir dosyada çağırıyor büyük ihtimal.

    • Merhaba bu kod css dosyalarınıda taşıyor ancak sizin bu kod sadece functions.php dosyasından çağırılan css ve js dosyalarını taşıyor. Yani header.php de manuel olarka çağırılan kodları taşımıyor. Onları yine manuel olarak taşımanız gerekiyor.Normalde header.php de çağırılır.

  2. responsive temalarda işe yaramıyor … 500 hatasına düşürdü sitemi …

  3. merhaba hocam çok güzel kod hızıma hız kattı ama bunu opencartada uygulamak istersem ne yapmalıyım ?