よもやまチョモランマ

「レンダリングを妨げるリソースの除外」対策(CSS)

ひきつづき「PageSpeed Insights」のスコアアップを目指す。
今回は「レンダリングを妨げるリソースの除外」対策として「function.php」にコードを入れるぞ。
【参考】「レンダリングを妨げるリソースの除外」をCSSとJSの遅延読み込み処理で解決する方法

//レンダリングを妨げるリソースの除外
function my_dequeue_plugin_files(){
  wp_dequeue_style('contact-form-7');
  wp_dequeue_style('hamburger.css');
}
add_action( 'wp_enqueue_scripts', 'my_dequeue_plugin_files', 9999);
add_action('wp_head', 'my_dequeue_plugin_files', 9999);

function my_enqueue_plugin_files(){
  wp_enqueue_style('contact-form-7');
  wp_enqueue_style('hamburger.css');
}
add_action('wp_footer', 'my_enqueue_plugin_files');

こんな感じで、<head>内にあったCSSコードがフッター近くに移った。

ここでは、IDを2つにしてわかりやすくしてみたけど、実際は保育園サイトには8つもプラグインのCSSがありました。
そのうち2つは、inlineでCSSソースも書かれていましたが、親IDの記述だけでそれも一緒に移りました。

けっこう行数減ったぞー。
さぞかしスコアも上がるだろー。

・・・と思いきや、PSIのスコアは2しか上がらず。

JSもやらなきゃダメか~