WordPressの画面表示が遅い時、jQueryの読込先(CDN)を確認

今回とりあげる「jQueryのCDN」については中国あるあるです。

恐らく日本では問題になることはないはずです。

jQueryと書いていますが、jQueryのみならずCDNを利用している場合に良く引っ掛かるお話です。

ブログのページ表が遅い

WordPressで構築したブログのページ表示に20秒くらいかかるという相談を受けました。
自分でサーバをレンタルして、Wordpressをインストールしている環境です。

このブログもMixhostを使って、サーバをホスティングして、Mixhostが提供するコントロールパネルからWordpressをボタン一つでインストールしています。
独自ドメインも設定でき、複数のブログを運用したり、PHP+Larabelのサービスを作ったりと大活躍しています。

実際に作成したブログにアクセスしてみると確かに画面表示が遅く「ajax.googleapi.comに接続しています…」と表示されているのが見えました。

画面のソースを確認してみると

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js?ver=1.12.4'></script>

があります。

GoogleのCDNを読み込んでいます。
これは流石に中国からだと接続ができなく、接続待ちの状態になってしまいます。

中国にいても読み込めるjQueryがいくつかあります。

まずは本家jQueryのCDNです。

jQuery1.X系

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

jQuery2.X系

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

jQuery3.X系

<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>

jQuery1.X系

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>

jQuery2.X系

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.4.min.js"></script>

jQuery3.X系

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>

※本記事エントリー時点でMicrosoftのみjQuery3系の最新バージョンは3.6.0でした。

jQuery1.X系

<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>

jQuery2.X系

<script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>

jQuery3.X系

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.min.js"></script>

中国では昨日見られたサイトが今日見られないことも良くあるので、CDN自体が接続不可になる可能性もなくはないです。
その場合はjQueryをダウンロードして、サーバ内に配置する方法もありますが、jQueryが更新されるたびに手動で更新する必要があります。