Loading…

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

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

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

ページ表示速度高速化

所要時間目安:2

This session is using  IPv4  is established in

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

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

  • 本日
  • 週間
  • 月間
  1. 年末年始渋滞予想

    年末年始の渋滞予測・渋滞予想は、名神・東名は1月2日、3日がピークで55km…。 2PV

    さてさてもうそろそろ、年末年始の帰省ラッシュ時期に近づいてきました。年に幾度となくこの帰省ラッシュという言葉が踊るのでしょうか。 まずは今回のように年末年始、そして夏のお盆時期の会社が夏休みの時期が大…

    もっと読む

  2. 間違いメールと迷惑メールとフィッシング詐欺メール判断方法

    免責事項 2PV

    免責事項当サイトを利用することで発生した損失や損害・その他トラブルに関しては一切の責任を負いかねます。あらかじめご了承くださいますようお願いいたします。 掲載しているコンテンツの内容が間違っている場合…

    もっと読む

  3. スマホファースト

    スマホファースト用にStinger6Stinger7をカスタマイズ 2PV

    WordPressはカスタマイズ性が優れているのは周知の事実だと思います。function.php内にしていする関数?などによっていろいろな事が出来るようになります。 また、テーマによってカスタマイズ…

    もっと読む

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

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

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

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 26PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

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

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

    もっと読む

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

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

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

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 26PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

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

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

    もっと読む

目次に行く・戻る

メルカリ招待コード:

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

ここ数日なんとかサイトのページ表示速度をできるだけ速く高速化したいなぁ。とずぅ~っと考えていました。今日も昨日も記事にしていますが^^;)(汗)…。おそらく完成形かと思われるレンダリングブロックされているジャバスクリプト(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"属性は付けてみるかもしれません。

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

FC2ホームページWordPress版で無料テーマCocoon最新版インストール

WordPress テーマ 伝えたいこと 備忘録 時事ネタ

FC2ホームページWordPress無料テーマCocoonのインストール方法

各種の無料サービスでおなじみのFC2において、WordPressがβ版ですが利用可能となりましまた。WordPressには元々インストールされているテーマの他にも有料テーマなど多数のテーマがあります。…

もっと読む

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

jfif画像ファイルをjpgに戻す直す方法

PC Windows10 カスタマイズ ブラウザChrome 不具合 伝えたいこと 備忘録 設定

jfif画像ファイル拡張子を元のjpgに直す・戻す2つの方法

この年末年始は新型コロナウイルス感染症の自粛による影響で家にいらっしゃった方も多かったのではないでしょうか。(テレビなどで見る限りでは・・・。明治神宮など各神社や大社や大使なの有名所では・・・。)そん…

もっと読む

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

年末年始商戦クリスマス商戦

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

年末年始ボーナス商戦ダイヤモンド特集一覧ちょっと贅沢に艶やかに!!

もう12月になって数日過ぎてしまいました。12月と言ったらボーナス商戦でお店やデパートなど年末年始商戦やクリスマス商戦でセール品や特価品、 そして、お買い得商品などなどいろいろな手で売り上げアップを目…

もっと読む

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

jetpackのCSS内容無効化

WordPress カスタマイズ 備忘録

jetpackの自動出力されるCSSを無効化で出力しないようにする方法

WordPressの有名なプラグインはいくつかあります。そんな中のひとつで多機能(ある意味重い?)なプラグインでjetpackがあります。使っている機能は人それぞれかと思われますが、私はphotonと…

もっと読む

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

洗濯乾燥機修理

伝えたいこと 備忘録

洗濯機乾燥機が乾かないのはなぜだったのか

ここ1週間くらいドラム式洗濯乾燥機での乾燥がうまく乾かなくなってきていました。 結果から言うと、埃によるフィルターの詰まり(目詰まり)でもなく、奥側のフィルターの詰まり(目詰まり)でもなく…。 ヒート…

もっと読む

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

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

NTT西日本子会社の顧客情報900万件流出、福岡県14万人分か…元派遣社員が名簿業者に

企業の個人情報管理というのは、いったいどうなっているのでしょう。NTTと言えば元々は日本電電公社から民営化されNTT東日本とNTT西日本になったわけですが、中身は日本人ほとんどの電話番号から(もとは固…

もっと読む

Stinger6, Stinger7, WordPress, インターネット, カスタマイズ, テーマ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧

おすすめの記事一部広告

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

Multiplex 広告

Total193


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.