dashicons.mini.cssについて
WordPressのメニューに使用するアイコンのcssファイル (dashicons.min.css)は、headerに位置されていますが、Google PageSpeed Insightsのテストでは、スコアを重くする原因の一つです。
このスコアの改善をしたくてググっていると、スコア改善のために、dashicons.min.cssをfooterに移動させたと考えているユーザーがいました。
以下のリンクページで、そのコードがアップされていたので、function.phpにコピペして試してみました。その結果、footerへの移動もできていないようで、数値も殆ど変わりませんでした。
作業記録としてここに、コードを残します。
コード
今後、このあたりの検討をする場合に、参考にしたいためです。
Final working solution was:
add_action( 'wp_print_styles', 'my_deregister_styles' );
function my_deregister_styles() {
wp_deregister_style( 'dashicons' );
}
add_action( 'wp_footer', 'register_wp_footer' );
function register_wp_footer() {
wp_enqueue_style( 'dashicons', '/wp-includes/css/dashicons.min.css');
}jquery.jsについて
因みに、「jquery.js」は、最初に読み込まれていなればいけないようです。
わかった事
- dashicons.min.css: footerに移動してもよい
- jquery.js: footerに移動してはいけない
備忘記録 2020/02/14 はりきり(Mr)
Move dashicons.min.css to Footer
https://wordpress.stackexchange.com/questions/341675/move-dashicons-min-css-to-footer
編集履歴
2020/03/15, MR.HARIKIRI
2021/10/22, 文言整備