最新のJetpackでアセットCSS、JSをCDN配信に

最新のJetpackでアセットCSS、JSをCDN配信に



Jetpackを最新版に更新すると、設定項目の中に「Asset CDN」という項目が追加されていることが確認出来ます。

注意
こちらの設定画面は通常隠されているので、{あなたのドメイン}/wp-admin/admin.php?page=jetpack_modulesでアクセスすることが出来ます。

これを有効にすると、WordPressやJetpackに組み込まれているCSSやJSをCDN配信になり、ページの読み込みの速度向上を見込むことができるようになります。

Site Accelerator
参考
Site Accelerator

当社の資産CDNはサイトアクセラレーションサービスです。つまり、WordPress CoreおよびJetpackに付属のJavaScriptやCSSなどの静的資産をサーバーからホストし、サーバーの負荷を軽減します。
このサービスは現在、ベータテストモードで提供されており、上記のとおり、WordPressおよびJetpackに同梱されている資産のみをサポートしています。他のすべてのアセットは、引き続きサーバーのサーバーになります。

Site Accelerator Jetpack — Your all-in-one WordPress plugin for design, marketing, and security

こちらの環境で検証してみたところ、以下のCSSとJSがCDN配信に切り替わりました。

<link rel='stylesheet' id='dashicons-css' href='https://monoxa.net/wp-includes/css/dashicons.min.css?ver=4.9.8' type='text/css' media='all' />
⇒
<link rel='stylesheet' id='dashicons-css' href='https://c0.wp.com/c/4.9.8/wp-includes/css/dashicons.min.css' type='text/css' media='all' />

--------------

<link rel='stylesheet' id='jetpack_css-css' href='https://monoxa.net/wp-content/plugins/jetpack/css/jetpack.css?ver=6.6.1' type='text/css' media='all' />
⇒
<link rel='stylesheet' id='jetpack_css-css' href='https://c0.wp.com/p/jetpack/6.6.1/css/jetpack.css' type='text/css' media='all' />

--------------

<script type='text/javascript' src='https://monoxa.net/wp-includes/js/jquery/jquery.js'></script>
⇒
<script type='text/javascript' src='https://c0.wp.com/c/4.9.8/wp-includes/js/jquery/jquery.js'></script>

--------------

<script type='text/javascript' src='https://monoxa.net/wp-includes/js/jquery/jquery-migrate.min.js'></script>
⇒
<script type='text/javascript' src='https://c0.wp.com/c/4.9.8/wp-includes/js/jquery/jquery-migrate.min.js'></script>

テーマやプラグイン内のCSSやJSは対象外のようなので、安心して使えることでしょう。

CDNは、すべてのWordPressページで読み込まれたアセットのURLをフィルタリングします。
CDNは現在、JetpackおよびWordPressリリースで出荷される資産に対してのみ機能します。現在、テーマやその他のプラグイン資産はサポートされていません。

今日はここまで
最新のJetpackでアセットCSS、JSをCDN配信に

最新のJetpackでアセットCSS、JSをCDN配信に


開発

Jetpackを最新版に更新すると、設定項目の中に「Asset CDN」という項目が追加されていることが確認出来ます。 これを有効にすると、WordPressやJetpackに組み込まれているCSSやJSをCDN配信にな…


関連する記事



こちらはいかが?


コメントを残す