WordPressのJavaScriptを非同期に読み込む方法

Genx Beats [ゲンクスビーツ]のアバター

以下のコードfunctions.phpに入れることで、WordPressのJSを非同期に読み込むことができる。PageSpeed Insightsでjquery.jsやjquery-migrate.min.jsが「レンダリングを妨げるリソースの除外」に出てくる場合に有効。

if ( !(is_admin() ) ) {
    function replace_scripttag ( $tag ) {
        if ( !preg_match( '/\b(defer|async)\b/', $tag ) ) {
            return str_replace( "type='text/javascript'", 'async', $tag );
        }
        return $tag;
    }
    add_filter( 'script_loader_tag', 'replace_scripttag' );
}

ただ、これをやっちゃうとPageSpeed Insightsのスコアは上がるんだけど、Cocoonのブログカードの画像がちゃんと出なくなったりするので、戻しちゃった。


コメント

コメントを残す

Only people in my network can comment.