Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録
2025年9月6日 (土曜日)本日の人気記事トップ１０
今日は2025年9月6日です。
この記事は2016年6月10日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年9月6日 (土曜日)↓における週間月間人気記事トップ３は？↓
スキャンしたデータを保存できませんでした。応急代替スキャン方法 1PV
以前にBrother iPrint&Scanスキャンしたデータを保存できませんでしたというタイトルにて、Brother iPrint&Scanにてスキャンデータが保存できませんでした。…
車の燃費が悪い原因を改善し良くする一つの方法オススメのエアフィルター交換 2PV
最近の車ではプリウスをはじめとしたハイブリッドカーが多くなってきています。しかし、どんな車でも吸気系統と排気系統はあります。 両方大事ですが、排気系統はマフラーを交換するくらいしかありません。またマフ…
PHPコードウィジェットをプラグイン使わずにウィジェット作成方法 2PV
WordPressの管理画面の外観にてウィジェットを選択すると、テーマによりですがどこにウィジェットを追加可能なのかがわかります。WordPressのデフォルトであるウィジェットやテーマ独自のウィジェ…
国産Webブラウザ「Kinza3.2.0」の最新版リリースでMacにも対応 2PV
2年くらい前に純国産ブラウザにとても安心できる「Kinza」というweb（ウェブ）ブラウザがあることを知りました。その後、順調に進化し続けて6月15日に最新版の「Kinza」がリリースされたようです。…
PHPコードウィジェットをプラグイン使わずにウィジェット作成方法 2PV
WordPressの管理画面の外観にてウィジェットを選択すると、テーマによりですがどこにウィジェットを追加可能なのかがわかります。WordPressのデフォルトであるウィジェットやテーマ独自のウィジェ…
国産Webブラウザ「Kinza3.2.0」の最新版リリースでMacにも対応 2PV
2年くらい前に純国産ブラウザにとても安心できる「Kinza」というweb（ウェブ）ブラウザがあることを知りました。その後、順調に進化し続けて6月15日に最新版の「Kinza」がリリースされたようです。…
エクストレイルT32オススメなPIAA製PN82エアエレメント交換 2PV
これまでにいくつかの車のメンテナンスに関するものを投稿してきました。ほぼ車のメンテナンスに関するものがほとんどなのですが・・・。 エアコンフィルター交換。 プラグ交換。 その他のカスタマイズ。 LED…
ここ最近…。本当にサイトの高速化、サイトのページ表示速度を速くしなければ！！なんて思い過ぎている私です。
ない知識をフルに活用してみてはいるものの、うまくいったりいかなったり、トライ・アンド・エラーそして、トライを繰り返している今日この頃…。
読み込みを遅くする要因は、
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 秒経過 🎉ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 
TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号） 
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 
車のキーナンバー確認方法。キーレス紛失や壊れた時 
カーメイトのエンジンスターターでエラー15表示と対処方法 
アイドリングストップシステム異常警告灯表示対処方法 
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 
日産ディーラーオプションナビMM316D-WからMM518D-L交換（換装） 
エクストレイルT32おすすめエアコンフィルター交換方法 
シガーライターがない車にシガーライターソケットの付け方と増設方法 よろしかったらシェアよろしくお願いします。
新着コメント