PR

【jQuery】WordPressでjQuery本体を2度読み込まないためにするべきこと。

スポンサーリンク
記事内に広告が含まれています。

ちわーす。
2度よみこんでました、かっぱふぅ( @kappafoo )です。

先日、jQueryのtoggle関数について記事にしたんですが、その後このサイトの読み込みが遅くなってるのに気づきました。

先日のjQueryの記事:
 ⇒ toggle関数を使ってアコーディオンメニューを設置する。

jQuery
cc licensed ( BY NC SA ) flickr photo shared by Jay Kin

サイトの速度を測定するために使用したネット上のサービスは...「GTmetrix」です。

GTmetrix | Website Speed and Performance Optimization

このサイトで速度を測定してみたところ、どうやらjQueryを2度読み込んでいるのがわかりました。

どうやら、jQueryを導入する際にヘッダー部分に最新バージョンのjQueryを読みこむように書いたせいみたいです。

少し調べてみると...
WordPressではプラグインなどでjQueryを使用するモノがある場合には、内でWordPress内のjQuery本体を読み込むような仕組みになっているようです。

ということで対策を調べました。

すると、の前に
[php][/php]の記述を書けば良いとのことを見つけました。

これで、WordPress内のjQuery本体が読み込まれずにGoogleにある最新のjQuery本体が読み込まれるようになるようです。

これで少しですがサイトの速度が戻ったような気がしてます。

ちなみに、参考にさせていただいたサイトは「kachibito.net」さんの「WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例」の記事です。

WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 – かちびと.net

私には難しい内容ではあるのですが、とても勉強になります...ありがとうございました。

タイトルとURLをコピーしました