jQueryをフォールバック機能付きで利用する

jQueryをフォールバック機能付きで利用する方法です。

用途

jQueryを利用する際にCDNを使う事があります。

これはCDN上のjQueryを利用する事でキャッシュが効き、サイトの表示速度が上がる等を目的としています。

一方、何らかの理由でCDNからjQueryを読み込む事ができない場合、正常にサイトを利用できなくなる可能性があります。

このような事態に備え、普段はCDN上からjQueryを読み込み、CDNが利用できない場合はサイト上に用意したjQueryを読み込む方式にします。

方法

jQueryの読み込み部分のコードを次のようにします(CDNはGoogleを利用しています)。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>window.jQuery || document.write( '<script src="https://your-site/path/jquery-2.0.0.min.js"><\/script>' )</script>

URLやjQueryのバージョンは適宜変更して下さい。

inserted by FC2 system