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

Published

目的

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