「レンダリングを妨げるリソースの除外」対策(CSS)
SEO
ひきつづき「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もやらなきゃダメか~