はてなブログをカスタマイズしてる人向け。暮らしカスタマイズWEBデザインAboutHOME>ブログ運営はてなブログをカスタマイズしてる人向け。はてブはてなブログって基本的にページの読み込みが遅い上に、カスタマイズのためにjQueryを利用するとさらに速度が遅くなってしまいます。うちのブログはいじりすぎて遅い...。jQueryの読み込みが速くなるようにコードを変えてみました。はてなブログではシェアボタン、グローバルナビ、サイドバーの固定などのカスタマイズでjQueryを利用している人は多いはず。こんな感じで読み込んでる人がほとんどだと思います。デザイン→カスタマイズの「ヘッダー」か「フッター」のどこかにこのコードがあるかと。私は、以下のように書き換えています。すると多少は読み込みが速くなります。注意して欲しいのは、私のブログでは問題なく動作していますが、他の人のコードでも大丈夫という保証はないということです。問題なく動作するはずですが、ご利用は自己責任でお願いします。劇的に速くなるというモノではないので、不安な方はスルーして下さい。追記:コメント欄にて、「読み込み速度がかなり速くなった」とのコメントをいただきました。効果があるみたいですね。このコードを利用している他のブログでも問題なく動作しているようです。コードについての説明も書いておきます。コードについての説明IEのバージョンによって読み込むコードを分岐jQueryには、IE8以下にも対応している1.x系のバージョンと、IE8以下には対応していない2.x系のバージョンがあります。2.x系は古いIEに対応していない変わりに、新しいブラウザに最適化しているので動作が速くて安定しています。上記のコードはIEのバージョンによって読み込むjQueryのバージョンを変えています。利用するCDNサービスjQueryを読み込むためにCDNを利用していますが、CDNのサービスを提供しているのはjQueryの本家サイト以外にもいくつかあります。CDNによって読み込みの速度が違うので、比較記事をいくつか調べてみました。ajax.aspnetcdn.com/ajax/このように変えてみました。これはMicrosoftが提供しているCDNで比較的高速です。CDNは配信元が提供をやめてしまうと利用できなくなる可能性があります。本家のCDNはその点の不安がないというメリットはあります。良かったら上記のコード利用してみて下さい。2013-11-27AmazonKindle楽天ブックス自分でJavaScript(jQuery)を勉強してみたいという方は、こちらの記事もおすすめです。HTML・CSS・JavaScriptを独学するのにおすすめの入門書・参考書まとめ他にもこんな記事書いてます。前の記事もはや人間じゃない。今、jQueryの読み込みを追加したところで、念の為にちょっとググったらこちらのサイトが出てきました。CDNに変えてみたら、読み込みが768msから101msに変わりました。(笑)効果バツグンです。ありがとうございます。AMid:fukuihiコメントありがとうございます。お役に立てて光栄です。これは嬉しい検証結果です。こちらこそ、ありがとうございます。AMid:crullerブクマ欄にいただいた質問ですが、純粋なjavascriptだとjQueryの読み込みは関係ないです。ヘッダーやフッターにこのようなコードが書かれていれば、jQueryを利用しているということになるので、その場合書き換えた方が速くなります。PM桁違いに速くなりました。ありがとうございます。jQueryの読み込む場所でこんなに違うとは驚きです。通知見てるのにな...回答よくわかりました。AM初歩的な質問失礼します。PM早急なお返事ありがとうございます。PM「」はまた別のソースなので、残してください。コメントをキャンセルお気軽にコメントしてください!!コメント名前・メールの入力は任意です。【はてなブログ】記事のカテゴリーによってオススメ記事を切り替える方法アフィリエイトは稼げるのか。アフィリエイターの理想と現実アクセスアップのためにこのブログで行っていること最近ブログでお金の話が多すぎる件アメブロ(Ameba)、はてなブログ、FC2、WordPress、ブログサービス比較。結局どれが一番おすすめ?Search運営者情報SHIROMAブログ運営で独立し、現在は会社を経営しています。WEBデザインやWordPressテーマの制作なども行っています。