Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録
2025年9月16日 (火曜日)本日の人気記事トップ１０
今日は2025年9月16日です。
この記事は2016年6月10日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年9月16日 (火曜日)↓における週間月間人気記事トップ３は？↓
計測データがありません。
エクストレイルT32前期型インストルメントルパッドから後期型インストルメントパッドに交換（換装） 1PV
エクストレイルT32前期型と後期型はプロパイロットやパーキングブレーキの電子化などその他些細なデザイン変更や4WDの電子制御化（完全な？）など以外前期型とほとんど変わらないかと思われます。（フロントグ…
エクストレイルT32前期型インストルメントルパッドから後期型インストルメントパッドに交換（換装） 1PV
エクストレイルT32前期型と後期型はプロパイロットやパーキングブレーキの電子化などその他些細なデザイン変更や4WDの電子制御化（完全な？）など以外前期型とほとんど変わらないかと思われます。（フロントグ…
ここ最近…。本当にサイトの高速化、サイトのページ表示速度を速くしなければ！！なんて思い過ぎている私です。
ない知識をフルに活用してみてはいるものの、うまくいったりいかなったり、トライ・アンド・エラーそして、トライを繰り返している今日この頃…。
読み込みを遅くする要因は、
header（ヘッダー）部分のjQueryや外部読み込みなどをしている同期されているものをGoogle Page Insight（グーグルページインサイト）で、よく指摘されます。
なので、
非同期にすれば良いのは分かっていてもWordPressにおいては、PHPとかいまだによく分からない関数などが多くてトホホな状態だったりもします。
前回のページ表示速度高速化に関する記事ですm(__)m
まずは、今回の結果的にこれで良かった（と思われる）方法です。
wp_enqueue_script(
'jquery',
'//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js',
array(),
'1.11.3',
false
);<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?ver=1.11.3'></script>
とりあえず、
この1つでも非同期にすればレンダリングブロックする要素は1つ減ります。
なので、なんとかasync属性を付けたかったのです。
wp_enqueue_script(
'jquery',
'//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js',"async",
array(),
'1.11.3',
false
);
そうしたところ、ページのソースを見ると
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?ver=1.11.3'></script>
はheader（ヘッダー）内からはなくなり、
さらに非同期の"async"がちゃんとついていました。
今のところこれで様子を見ています。
// 非同期にするコードここから
if (!(is_admin() )) {
function add_async_to_enqueue_script( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.min.js' ) ) return $url;
return "$url' async charset='UTF-8";
}
add_filter( 'clean_url', 'add_async_to_enqueue_script', 11, 1 );
}
// 非同期にするコードここまで
ただ、
上記コードをfunction.php内に追記すると確かに"async"属性は付くのですが、
すべてに"async"属性が付与されてしまっていつまで経っても、表示されるはずのページ全ての読み込みが終わりませんでした。
非同期にしたいものだけを非同期にすることができ、かつページの表示されるべきものも全てが通常通りに読み込まれました。
"defer"を付与するコードは以下です。
（上記の"async"部分を"defer"に変えるだけです。）
if (!(is_admin() )) {
function add_defer_to_enqueue_script( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.min.js' ) ) return $url;
return "$url' defer onload='myInit()";
}
add_filter( 'clean_url', 'add_defer_to_enqueue_script', 11, 1 );
function replace_script_tag ( $tag ) {
return str_replace( "type='text/javascript'", 'async', $tag );
}
add_filter( 'script_loader_tag', 'replace_script_tag' );
や、
//wp_enqueue_script にasyncを追加する。
function st_register_jq_script( $tag, $handle ) {
if ( 'st_register_jq_script' !== $handle ) {
return $tag;
}
return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'st_register_jq_script', 10. 2 );
という具合に記述するのが本来なのかとは思います。
今のところうまい具合にいっているので、
一番はじめに上記したので対応中です。
今後、変更することはあると思われます。
（さらに、コメントなどでご指摘など大歓迎ですm(._.*)mペコッ）
ポチップ あなたが訪問してから
⏰ 0 秒経過 🎉ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
カーメイトのエンジンスターターでエラー15表示と対処方法 
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 
エクストレイルT32前期型インストルメントルパッドから後期型インストルメントパッドに交換（換装） 
TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号） 
日産ディーラーオプションナビMM316D-WからMM518D-L交換（換装）NISSAN純正ナビリモコン 
車のキーナンバー確認方法。キーレス紛失や壊れた時 
アイドリングストップシステム異常警告灯表示対処方法 
キーIDが正しくありません。エクストレイルT32インテリジェントキー電池交換CR2032 
エクストレイルに後付けクルーズコントロール取り付けプロパイロットもどき 
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 よろしかったらシェアよろしくお願いします。
新着コメント