Loading…

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

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

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

ページ表示速度高速化

所要時間目安:2

This session is using  IPv4  is established in

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

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

目次に行く・戻る

メルカリ招待コード:

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

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

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

no image

備忘録

プラーバシーポリシー

プライバシーポリシー 当サイトに掲載されている広告について当サイトでは、第三者配信の広告サービス(Googleアドセンス、A8.net、Amazonアソシエイト、バリューコマース、)を利用し…

もっと読む

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

Windows10の日ロゴ画像

PC Windows10 伝えたいこと 備忘録

Windows10無償アップグレード終了後大幅なアップデートで不具合はないか…。

Windows10が昨年2015年7月29日に正式にリリースされて、先日マイクロソフトはWindows10ユーザーが3億人を突破したと公表しています。また、同じくしてWindows7、Windows8…

もっと読む

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

WordPress日本語化

WordPress アップグレード 伝えたいこと 備忘録

WordPressを日本語化する方法と設定は実は1秒でできる…。

先日(昨日)WordPressのバージョンをやっとこさ4.5.2の最新版にしました。なぜか?それは一番はセキュリティ上の問題の解消ですが、他にもサイトのページ表示速度が、もしかしたら速くなるかもなんて…

もっと読む

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

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

YouTubeが広告ブロッカーAdblock Plusを遮断するもAdblock Plus側も対策を検討とのこと

先日の記事として、以下の記事を投稿しましたが、逆にAdblock Plus側もその広告ブロック遮断に対して対策をとあります。 どちらの言い分もあるのかもしれませんが、一応You Tubeの利用規約には…

もっと読む

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

PC Windows10 不具合 伝えたいこと 備忘録 設定

Windows10で動かないアプリを動かす方法2

先日も書きましたWindows10の不具合?に関することです。 不具合と言うのか仕様と言えば良いのかわかりませんが、とにかくWindows10にアップグレードしたりWindows10に若干古めのアプリ…

もっと読む

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

HIVウイルス

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

ロシア50人に1人がHIV感染で「大流行」宣言。日本も他人事ではない?

こういうのって…。 ほんとうにもどかしいというのでしょうか・・・・。なぜHIV感染が広がってしまうのか?この記事はロシア中部ということですが、我が国日本においても他人事ではないと思われます。 数年前に…

もっと読む

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

おすすめの記事一部広告

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

Multiplex 広告

おすすめ!!

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

おすすめ2

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

Total156


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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

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