+本日の人気記事TOP10+
- 車のキーナンバー確認方法。キーレス紛失や壊れた時33
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法23
- カーメイトのエンジンスターターでエラー15表示と対処方法18
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ11
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく9
- 年賀状ソフトおすすめ筆王、筆まめ、筆ぐるめ最新版で年賀状作成7
- シガーライターがない車にシガーライターソケットの付け方と増設方法6
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)6
- 車のハンドルが重い時にできる対処方法6
- Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)5
ここ最近…。本当にサイトの高速化、サイトのページ表示速度を速くしなければ!!なんて思い過ぎている私です。
ない知識をフルに活用してみてはいるものの、うまくいったりいかなったり、トライ・アンド・エラーそして、トライを繰り返している今日この頃…。
読み込みを遅くする要因は、
header(ヘッダー)部分のjQueryや外部読み込みなどをしている同期されているものをGoogle Page Insight(グーグルページインサイト)で、よく指摘されます。
なので、
非同期にすれば良いのは分かっていてもWordPressにおいては、PHPとかいまだによく分からない関数などが多くてトホホな状態だったりもします。
前回のページ表示速度高速化に関する記事ですm(__)m
アドセンス336pxPC閲覧記事下表示1つ目コード
+これまでによく読まれている記事一覧クリックでOPEN+
人気記事一覧
車のキーナンバー確認方法。キーレス紛失や壊れた時
148,468件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
105,310件の PV
Windows10,Windows8.1プロダクトキー確認方法
75,466件の PV
Windows10でエラーコード0x800705b4の対処方法
67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
41,029件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整
40,205件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。
38,151件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
36,211件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法
31,258件の PV
車のキーナンバー確認方法。キーレス紛失や壊れた時 148,468件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 105,310件の PV
Windows10,Windows8.1プロダクトキー確認方法 75,466件の PV
Windows10でエラーコード0x800705b4の対処方法 67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 41,029件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整 40,205件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。 38,151件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法 37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 36,211件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法 31,258件の PV
この記事を読まれている方におすすめ一覧クリック
でも、なんとかして非同期にすれば良いのではないかと試行錯誤した中でとりあえずの解決策と実施してみた方法を備忘録として残しておきたいと思います。
まずは、今回の結果的にこれで良かった(と思われる)方法です。
テーマ内のfunction.phpに以下のコードが記載されている部分があります。
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
);
function.php内のコードに"async"とただ単に付け加えてみました。
そうしたところ、ページのソースを見ると
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?ver=1.11.3'></script>
はheader(ヘッダー)内からはなくなり、
footer(フッター)より下の<body>タグの終了部分</body>直前に移行されて、 さらに非同期の"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"属性を付ける方法もありますが試してはいません。 "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 );
WordPressの関数的?には、こういった書き方(記述)が正しいのかもしれません。
その他の解決方法と思われるwp_enqueue_scripts()に対する非同期方法
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ペコッ)
おすすめの記事一部広告
- 車のキーナンバー確認方法。キーレス紛失や壊れた時33
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法23
- カーメイトのエンジンスターターでエラー15表示と対処方法18
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ11
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく9
- 年賀状ソフトおすすめ筆王、筆まめ、筆ぐるめ最新版で年賀状作成7
- シガーライターがない車にシガーライターソケットの付け方と増設方法6
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)6
- 車のハンドルが重い時にできる対処方法6
- Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)5
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
Multiplex 広告
あなたにおすすめ
-
いい歯医者の選び方は口コミ評判サイトで良い歯医者を探す方法
歯医者さんは、多くの場合が大学病院などの総合病院以外は個人での開業医の歯科医院がほとんどです。 そして、現在ではその数がなんとコンビニの全国の数よりもかなり多い(約65000件以上)歯科医院があります…
インフィード広告アドセンス
-
柳原可奈子って美人で綺麗だと思うし痩せたら絶対にもっと綺麗で可愛いSK-2でも使ってるのかな
芸人としてのジャンルで今やTHEカラオケバトルの司会(MC)も務めている柳原可奈子さん。デビュー当初から肌の色艶やハリもあって綺麗な感じでしたが、ここ最近一段と色艶が良くなって肌もよりきれいになった気…
インフィード広告アドセンス
-
楽天ひかりIPv6設定WXR-5700AX7S設定接続未確認無線LANルーターにて
今年に入り新型コロナウイルスに感染拡大で4月には全国的に「緊急事態宣言」が発出されリモートワークなどが多くなりました。他にも、リモート飲み会やリモート〇〇とリモートと付くオンラインで行うことが多くなり…
インフィード広告アドセンス
「Stinger6, Stinger7, WordPress, インターネット, カスタマイズ, テーマ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧
Total148
アドセンス336pxPC閲覧記事下表示1つ目コード
アクセスランキング
よろしかったらシェアよろしくお願いします。
さらに非同期の"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"属性を付ける方法もありますが試してはいません。 "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 );
WordPressの関数的?には、こういった書き方(記述)が正しいのかもしれません。
その他の解決方法と思われるwp_enqueue_scripts()に対する非同期方法
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ペコッ)
おすすめの記事一部広告
- 車のキーナンバー確認方法。キーレス紛失や壊れた時33
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法23
- カーメイトのエンジンスターターでエラー15表示と対処方法18
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ11
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく9
- 年賀状ソフトおすすめ筆王、筆まめ、筆ぐるめ最新版で年賀状作成7
- シガーライターがない車にシガーライターソケットの付け方と増設方法6
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)6
- 車のハンドルが重い時にできる対処方法6
- Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)5
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
Multiplex 広告
あなたにおすすめ
-
いい歯医者の選び方は口コミ評判サイトで良い歯医者を探す方法
歯医者さんは、多くの場合が大学病院などの総合病院以外は個人での開業医の歯科医院がほとんどです。 そして、現在ではその数がなんとコンビニの全国の数よりもかなり多い(約65000件以上)歯科医院があります…
インフィード広告アドセンス
-
柳原可奈子って美人で綺麗だと思うし痩せたら絶対にもっと綺麗で可愛いSK-2でも使ってるのかな
芸人としてのジャンルで今やTHEカラオケバトルの司会(MC)も務めている柳原可奈子さん。デビュー当初から肌の色艶やハリもあって綺麗な感じでしたが、ここ最近一段と色艶が良くなって肌もよりきれいになった気…
インフィード広告アドセンス
-
楽天ひかりIPv6設定WXR-5700AX7S設定接続未確認無線LANルーターにて
今年に入り新型コロナウイルスに感染拡大で4月には全国的に「緊急事態宣言」が発出されリモートワークなどが多くなりました。他にも、リモート飲み会やリモート〇〇とリモートと付くオンラインで行うことが多くなり…
インフィード広告アドセンス
「Stinger6, Stinger7, WordPress, インターネット, カスタマイズ, テーマ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧
Total148
"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 );
WordPressの関数的?には、こういった書き方(記述)が正しいのかもしれません。
その他の解決方法と思われるwp_enqueue_scripts()に対する非同期方法
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ペコッ)
- 車のキーナンバー確認方法。キーレス紛失や壊れた時33
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法23
- カーメイトのエンジンスターターでエラー15表示と対処方法18
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ11
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく9
- 年賀状ソフトおすすめ筆王、筆まめ、筆ぐるめ最新版で年賀状作成7
- シガーライターがない車にシガーライターソケットの付け方と増設方法6
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)6
- 車のハンドルが重い時にできる対処方法6
- Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)5
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
Multiplex 広告
-
いい歯医者の選び方は口コミ評判サイトで良い歯医者を探す方法
歯医者さんは、多くの場合が大学病院などの総合病院以外は個人での開業医の歯科医院がほとんどです。 そして、現在ではその数がなんとコンビニの全国の数よりもかなり多い(約65000件以上)歯科医院があります…
インフィード広告アドセンス
-
柳原可奈子って美人で綺麗だと思うし痩せたら絶対にもっと綺麗で可愛いSK-2でも使ってるのかな
芸人としてのジャンルで今やTHEカラオケバトルの司会(MC)も務めている柳原可奈子さん。デビュー当初から肌の色艶やハリもあって綺麗な感じでしたが、ここ最近一段と色艶が良くなって肌もよりきれいになった気…
インフィード広告アドセンス
-
楽天ひかりIPv6設定WXR-5700AX7S設定接続未確認無線LANルーターにて
今年に入り新型コロナウイルスに感染拡大で4月には全国的に「緊急事態宣言」が発出されリモートワークなどが多くなりました。他にも、リモート飲み会やリモート〇〇とリモートと付くオンラインで行うことが多くなり…
インフィード広告アドセンス
アドセンス336pxPC閲覧記事下表示1つ目コード
アクセスランキング
よろしかったらシェアよろしくお願いします。
-Stinger6, Stinger7, WordPress, インターネット, カスタマイズ, テーマ, 伝えたいこと, 備忘録
このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。
comment