[WorPress] dashicons.min.css、headerからfooterに移動してページ速度改善を模索する – ID9438

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について

スポンサーリンク

by Rakuten ID:15895

因みに、「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, 文言整備

関連記事:

[WordPress] author-bio の幅設定 – CSS for TwentyTwenty [工事中] – △ID10899 [2020/02/26] [WordPress] 自作プラグイン、Twenty Twentyテーマ幅の修正、子テーマのcontent.phpをいじる – △ID11199 [2020/03/01] The site post list displaying improved by additional coding to the code of “Flex Post” plugin – △-ID14897 [2020/06/16] [Synology] NASからexFATファィルフォーマットにアクセスするにはexFAT accessをインストール – △[2020/04/14] [Synology] NASの追加メモリ – WD Black SSD 製品の故障対応はこんな感じでした – ID1089 [2019/07/26] Google Search Console – PageSpeed Insightsを使う – △ID4372

dashicons

footer

header