WordPressの自動で生成される不要なタグを削除したり、スクリプトファイルの読み込み位置を変更することでレンダリング改善につながります。
不要なタグ削除
Head Cleaner等のプラグインを使っても削除が出来ますが、なるべくプラグインを使わない方がレンダリング速度が速くなるので function.php に記述します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
/** * 不要なタグを削除 */ remove_action('wp_head', 'wp_generator'); remove_action('wp_head', 'rsd_link'); remove_action('wp_head', 'wlwmanifest_link'); remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0); remove_action('wp_head', 'feed_links', 2); remove_action('wp_head', 'feed_links_extra', 3); /** * 絵文字削除 */ remove_action('wp_head', 'print_emoji_detection_script', 7); remove_action('admin_print_scripts', 'print_emoji_detection_script'); remove_action('wp_print_styles', 'print_emoji_styles' ); remove_action('admin_print_styles', 'print_emoji_styles'); /** * バージョン情報削除 */ function remove_cssjs_ver2( $src ) { if ( strpos( $src, 'ver=' ) ) $src = remove_query_arg( 'ver', $src ); return $src; } add_filter( 'style_loader_src', 'remove_cssjs_ver2', 9999 ); add_filter( 'script_loader_src', 'remove_cssjs_ver2', 9999 ); |
こちらを参考にしました。
【保存版】Wordperss不要タグの削除方法まとめ | cocorograph
ファイルの圧縮と読み込み位置の変更
プラグインのAutoptimizeとScript to Footerを使います。
AutoptimizeでHTML, CSS, Javascriptファイルの圧縮が出来ます。設定画面から項目にチェックを入れるだけです。
さらに画像の読み込みを遅らせたり、Googleフォントを削除することも可能です。
Script to Footerはインストールして有効化すればスクリプトファイルがフッター領域に移動します。
Script to Footerはページごとに移動の設定が出来ますし、jQueryだけ移動しないといった設定も出来ます。
こちらを参考にしました。