Wordpress CSS ve JS dosyalarını Footer'a Taşıma
Merhaba Arkadaşlar;
Pagespeed insight veya gtmetrix ölçümleri yaptığınızda klasik bir öneri ile karşılaşıyoruz. Bu klasik öneri ise; “Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın” şeklinde gözümüze sokuluyor. Çözümü ise aslında oldukça basit.
Aslında bu işi gören eklentiler var. Ancak her işi eklenti ile yaptığımızda ise performans düşüşleri yaşamamız olası. İşte bununla ilgili olarakta araştırma yaparken aşağıda ki koda denk geldim ve sizinle paylaşmak istedim.
Bu kodları temanızın functions.php dosyasına ekleyerek hızlı bir biçimde bu olayı halledebiliriz.
Sağlıcakla.
Pagespeed insight veya gtmetrix ölçümleri yaptığınızda klasik bir öneri ile karşılaşıyoruz. Bu klasik öneri ise; “Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın” şeklinde gözümüze sokuluyor. Çözümü ise aslında oldukça basit.
Aslında bu işi gören eklentiler var. Ancak her işi eklenti ile yaptığımızda ise performans düşüşleri yaşamamız olası. İşte bununla ilgili olarakta araştırma yaparken aşağıda ki koda denk geldim ve sizinle paylaşmak istedim.
Bu kodları temanızın functions.php dosyasına ekleyerek hızlı bir biçimde bu olayı halledebiliriz.
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 );
Not: Bazı temalarda tema bozulmaları ya da sitenin açılmaması gibi bir sorun olabilir. İşlemi yapmadan önce mutlaka yedek alınız.
Sağlıcakla.
Yorumlarınızı esirgemezseniz sevinirim :), eğer burada ki çözümler veya bilgileri işinize yaradıysa sizde aşağıda bulunan butonlar yardımıyla paylaşırsanız başkaları da yararlanabilir. :)