プロモーションを含みます
今日は2025年5月10日です。
この記事は2016年6月10日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年5月10日 (土曜日)本日の人気記事トップ１０
2025年5月10日 (土曜日)↓における週間月間人気記事トップ３は？↓
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法 1PV
Office製品などマイクロソフト製品には必ずといってプロダクトキーがあります。 時にはリカバリなどをした際にそのプロダクトキーを紛失していることを（ないことに）気づかずにWordなどのO…
ノートPCファンの異音でLIFEBOOKAH77/E分解 1PV
富士通製ノートPCで発売当初からブルーレイドライブ対応でかなりの高スペックノートPCだったLIFEBOOK AH77/Eです。 メモリの増設とHDDをハイブリッドHDD（SSHD）に換装はしましたが、…
エンジンオイル漏れ止めのおすすめはPlus91評価レビュー 1PV
以前、オイル漏れ・オイル滲みが分かりエンジンオイルシーリング剤であるNUTECのOEM版でpitworkのNC81エンジンオイルシーリング剤を使用してみました。 ですが、一時オイル滲み・オイル漏れが止…
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 20PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 20PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションの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ペコッ）
WordPressにて、 ブログを始めたのはここ数日前です。 しかし、 WordPressのビジュアルエディタにて、 見出しタグの挿入時に範囲選択した場所以外も見出しタグが挿入されてしまう。 という現…
WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録
サイト運営しているうちにCSSがものすごい大きくなってしまうことがありますよね。昔使用していたCSSがそのままだったり、もしくはコメントアウトしたものが残っていたりなどです。そういった不要なCSSをサ…
昨今話題のがん治療薬の化学療法である抗がん剤でオプジーボ（商品名です：一般名はニボルマブ）ですが、 あまりにも高額だということで厚生労働省が異例に半額：50%値下げに承認を出しました。これまでは100…
花見の季節が、 花見に時期がもうすぐ終わってしまう…。 幼い頃は、 桜まつりなるものに言ってはいたものの幼心だったせいか、 桜の花見という情緒あふれる日本人ならではの文化を意外と理解できていなかったと…
AFFINGER4Pro WordPress テーマ 伝えたいこと 備忘録 時事ネタ
人生において迷うことは多々あると思います。絶対にあります！！と言い切れますよね。 生まれてから義務教育を終えて高校受験からどの高校に行こうかなどの時が人生においての初めての最善策を選択するのに迷うこと…
去年末の日本での発売と思っていましたが、 既に2014年年末の日本国内販売でした。その時には、羽鳥慎一さんと赤江珠緒さんが司会を務めていたモーニングバードでも紹介されてたいました。
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
ポチップあなたが訪問してから
⏰ 0 秒経過 🎉
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
よろしかったらシェアよろしくお願いします。
This site uses Akismet to reduce spam. Learn how your comment data is processed.
comment