現在の接続環境は
です

記事内にプロモーションが含まれています。

Windows10サポート終了まで
¥1,650 (2024/11/30 16:49時点 | Amazon調べ)

プロモーションを含みます

Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録

ページ表示速度高速化

ページ表示速度高速化レンダリングブロック解決方法ができた!!

所要時間目安:2

This session is using  IPv4  is established in

この記事は2016年6月10日のものです。現在は状況が異なる可能性がありますのでご注意ください。

2025年3月17日 (月曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. エアコン吹き出し口エアコンダクト内LED化 1PV

    昔からよく行われるエアコン吹き出し口内に光り物を入れてエアコンダクト内から光を出す方法ですが、昨今は省電力のLEDが比較的安めになってきました。エアコンダクト内LEDをどのタイミングにて発行させるのか…

    もっと読む

  2. Windowsスポットライト画像

    Windowsスポットライト画像保存場所と方法 1PV

    Windows10においてロック画面の時に表示される画像がとてもきれいになりました。 この機能は、Windows10以前のバージョンの時には単なるロック画面でした。 そんな綺麗な画像が気になったので、…

    もっと読む

  3. コメント欄を開閉式にする方法

    Stinger6,Stinger5,StingerPLUS+コメント欄を開閉式スライドにする方法 1PV

    前々から気にかけてどうにか出来たらいいなぁ…。なんて思っていたコメント欄です。 コメント欄を非表示にしてしまうというのもありかなぁ。と思ったこともありましたが、 いくつかのブログにてコメント欄が開閉式…

    もっと読む

  1. アイドリングストップシステム異常警告灯表示対処方法 29PV

    2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に(自動的に)アイド…

    もっと読む

  2. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 26PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  3. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 25PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  1. アイドリングストップシステム異常警告灯表示対処方法 29PV

    2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に(自動的に)アイド…

    もっと読む

  2. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 26PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  3. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 25PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

今日は2025年3月17日です。

目次に行く・戻る

メルカリ招待コード:

ふぅ~ε=(・ρ・*) フゥ、やっとできた!!

ここ数日なんとかサイトのページ表示速度をできるだけ速く高速化したいなぁ。とずぅ~っと考えていました。今日も昨日も記事にしていますが^^;)(汗)…。おそらく完成形かと思われるレンダリングブロックされているジャバスクリプト(JavaScript)の非同期にする方法の完成形です。!!
(たぶん←今のところ問題はないと確認しています。)

実はとっても簡単だったというオチ…。

 

(こんなこともしてみました。)

無知って、「知らぬが仏」ということわざがありますが、「無知ほど怖いものはない」といった言葉もあります。

 

アドセンス336pxPC閲覧記事下表示1つ目コード

 


この記事を読む方へのオススメ

田中角栄さんの名言でもある逆の「知らぬは一生の恥」、

「聞くのは一時の恥」なんて言葉もあります。

(これ逆だったかなぁ。「聞くのは一時の恥」「知らぬは一生の恥」だったかも(*゜.゜)ゞポリポリ)

まぁ、言葉は使いようなのでしょうが、知ることで・学ぶことで・勉強することで達成感や喜びも感じることができます。

 


ほんでもって本題のレンダリングブロックされているジャバスクリプト(JavaScript)の非同期化の方法ですが、

 

以前の記事にいろいろと試してみた内容を書きましたが以下のコードを子テーマのfunction.phpに追記するだけで、ちゃんと非同期化できました。

そのコードは以下になります。

 

function replace_script_tag ( $tag ) {
 return str_replace( "type='text/javascript'", 'async', $tag );
 }
 add_filter( 'script_loader_tag', 'replace_script_tag' );

 

この上記コードを子テーマのfunction.phpに追記するだけでレンダリングブロックしているジャバスクリプト(JavaScript)にちゃんとasync属性が付与されて非同期化されます。

以下の画像のようになります。

レンダリングブロック非同期化コードasync付与画像

(ちょっと見えにくいですが、src='の前にちゃんとasyncが付いています。)

 

なお、以前の記事で紹介した以下のコードの"async"の部分は削除しました。

 

 

wp_enqueue_script(
 'jquery',
 '//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js',"async",
 array(),
 '1.11.3',
 false
 );

削除しなくても、問題なく動作していましたが最下部の</body>タグの前に追加・追記される形になってしまうので、一応元に戻しておきました。

 

以下の参照サイトによって確信を得ました!!^^;)

 

WordPressでJavascriptを読み込むに使われるwp_enqueue_script()があります。wp_enqueue_script()の使い方は、wp_register_scriptとwp_register_styleの使い方に書いてある通りにしていただければ大丈夫です。WordPressで使われるwp_enqueue_script()は、Javascriptの依存関係やプラグインが使うJavascriptとの調整に使えてとても便利なのですが、今までwp_enqueue_script()に不満に思っていた点がありました。

 

どちらが良いのかは個人的には、
上記コードにも"async"属性は付けておいたほうが良いのかなぁ。

とも思いますが、
とりあえずは大事なfunction.php内のコードなので、デフォルトのテーマ内のfunction.php内のコードは元に戻しておきました。

今後、様子を見て上記コードの様に"async"属性は付けてみるかもしれません。

【Amazonベーシック タイムセール開催中】!


3/23(日)まで、「Amazonベーシック」がタイムセールを開催中。
新生活の準備におすすめのLED電球、収納バッグ、大容量電池などがお買い得

2025年3月4日(火曜日) ~ 2025年3月23日(日曜日) 23:59まで

Stinger6, Stinger7, WordPress, インターネット, カスタマイズ, テーマ, 伝えたいこと, 備忘録」の人気記事

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

ブログサービスが始まってから:


カウントダウンタイマー

あなたにおすすめな関連記事

🎉 Counting Up! 🎉
Loading...
東京オリンピックパラリンピック

伝えたいこと 備忘録 時事ネタ

リオ五輪金メダル銀メダル銅メダル毎動画集(NHK)

リオオリンピック(リオ五輪)も閉会式を終えて、 次期開催都市である東京の都知事小池百合子さんにセレモニーが行われました。また、安倍晋三内閣総理大臣もマリオにふんしてトンネルから現れるというサプライズ?…

もっと読む

インフィード広告アドセンス

windows10ピクチャフォルダ表示が遅いを早く表示させる方法

PC 伝えたいこと 備忘録 設定

ピクチャフォルダ、ビデオ、ドキュメントフォルダの表示が遅い時に早く表示させる方法

長い間パソコンを使用しているとピクチャフォルダやドキュメントフォルダそして、ビデオフォルダなどに多くのファイルが溜まってきてしまうと思われます。そうなってくると、該当フォルダ(マイピクチャやドキュメン…

もっと読む

インフィード広告アドセンス

MicrosoftブラウザEdge

PC Windows10 ブラウザChrome 伝えたいこと 備忘録

これからのブラウザはEdgeでもいいのかもGoogle日本語入力が使えるようになったから。でも、やっぱりChrome…。

この間というか先日Windows10のおいてGoogle日本語入力を、Windows10標準のブラウザであるEdgeで使えるようにしてからですが、 意外とEdgeもレンダリング速度が速い?とも思ってし…

もっと読む

インフィード広告アドセンス

2017年総選挙

伝えたいこと 備忘録 時事ネタ

JAPAN CHOICEで選挙前に候補者や経歴などを確認可能

来たる10月22日(日曜日)は、総選挙の投票日です。今回の解散の大義はなんだったのか様々な憶測が飛び交う中、もう投票日まであと今日を含めると4日しかありません。各党の政策や無所属候補の政策や自分の選挙…

もっと読む

インフィード広告アドセンス

Windows10 update Assistant is already running

PC Windows10 伝えたいこと 備忘録

Windows10サポート期間一覧表

Windows10がリリースされて早いものでもう2年と7ヶ月経ちます。そんなWindowsの最新バージョンであるWindows10ですがサポート期間があるのをご存知でしょうか。

インフィード広告アドセンス

ノートパソコン分解後のファン

PC カスタマイズ 伝えたいこと 備忘録

ノートPCファンの異音でLIFEBOOKAH77/E分解

富士通製ノートPCで発売当初からブルーレイドライブ対応でかなりの高スペックノートPCだったLIFEBOOK AH77/Eです。 メモリの増設とHDDをハイブリッドHDD(SSHD)に換装はしましたが、…

もっと読む

あなたが訪問してから

0 秒経過 🎉

おすすめの記事一部広告

お小遣い稼ぎにアンケート。

Multiplex 広告

Total358


アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る

よろしかったらシェアよろしくお願いします。

-Stinger6, Stinger7, WordPress, インターネット, カスタマイズ, テーマ, 伝えたいこと, 備忘録

目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


This site uses Akismet to reduce spam. Learn how your comment data is processed.