カテゴリー
CSS Synology WordPress

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

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

スポンサーリンク: ID6183593457

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');
}
スポンサーリンク
  • オムロン BY50S用パック by Amazon ID:22171
  • オムロン BY50S by Amazon ID22170
  • Synology 高機能無線ルーター 800Mbps + 1,733Mbps(11a/b/g/n/ac対応) 高セキュリティ VPN Plus対応 RT2600ac by Amazon ID24327
  • エレコム LANケーブル CAT6A 5m 爪折れ防止コネクタ ホワイト LD-GPA/WH5 by Amazon ID24327

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

スポンサーリンク: ID4219953367

編集履歴

2020/03/15, MR.HARIKIRI
2021/10/22, 文言整備

スポンサーリンク
  • 【Amazon.co.jp 限定】HP USBメモリ 128GB USB 3.1 スライド式 金属製 HPFD796L-128 GJP by Amazon - ID 24751
  • 3Dプリンター ダヴィンチ Jr. 1.0(造形サイズ15×15×15cm) - 環境に優しい土に返るPLAフィラメント - ダビンチ Jr. 1.0 XYZプリンティングジャパン by AMAZON ID21513
  • 3Dプリンター|ダヴィンチ1.0 pro|オートキャリブレーション機能付|オープンフィラメント可|ABS対応|造形サイズ20×20×20cm|レーザー刻印機能拡張可|積層ピッチ0.02mm~|3F1AWXJP00F - XYZプリンティングジャパン by AMAZON ID21511
  • ABS使用可 造形サイズ175×175×175mm オープンフィラメント可 オートキャリブレーション機能付き レーザー刻印機能拡張可 金属系PLA拡張可 3FJSPXJP00G - ダビンチ Jr.Pro X+ XYZプリンティングジャパン by AMAZON ID21509
  • zedela 5-in-1 USB-Cハブ【3ポート5Gbps by Amazon - ID 24751
スポンサーリンク

用語の解説、関連タグ付き投稿の抽出

dashicons

footer

header

スポンサーリンク ID 7130582967

- 以下のツールに敬意を示します -
Support to AMP (Accelerated Mobile Pages) by official AMP plugin for WordPress, and compatible powered by
Post viewing : Flex Posts - Widget and Gutenberg Block