text/rocketscript

text/rocketscript

[1] Why is wordpress placing "text/rocketscript" instead of "text/javascript" when using wp_register_script()? - Stack Overflow ( 版) <http://stackoverflow.com/questions/9681032/why-is-wordpress-placing-text-rocketscript-instead-of-text-javascript-when-u>

[2] 【WordPress】ブログ高速化AA達成!6つのW3TotalとCloudFlare併用設定 - ゆめぴょんの知恵 ( 版) <http://wispyon.com/w3totalcache-cloudflare/>

前回「W3 Total Cache」の「CloudFlare」設定で「Rocket Loader」を「Automatic」に設定しました。「Rocket Loader」はブログで利用している全JavaScriptを後読み(遅延読込み)することにより表示速度を高速化します。

具体的には「複数のJavaScriptを結合したり」「JavaScriptを非同期であと読みしたり」を自動的に行なってくれるようです。実際の内部処理についての具体的な記述は見つからなかったので、私もそのくらいしか理解できてません。

しかしブログを表示してみてソースを確認すると、JavaScriptの読み込み時に「type=”text/rocketscript” 」になっているのが確認できます。ブラウザはrocketscriptなんてスルーするので、CloudFlare側でAjax処理してくれてるみたいです。

[3] CloudFlareのRocket Loaderがやたらに早い・・・ – てく2テック ( 版) <https://tek2tech.com/rocket-loader-on-cloudflare/>

この読み込み時間短縮にRocket Loaderが役立っているのですが、Rocket Loaderが読まれる仕組みは、CloudFlareを介してページが読まれる際に

<script async=async src=スクリプト.js></script>

で読まれるスクリプトが

<script async=async data-rocketsrc=スクリプト.js type="text/rocketscript">

に変わっていたり、インラインの

<script type="text/javascript">

などの記載が同じく

<script type="text/rocketscript">

に変更されています。CloudFlareが挿入してくるスクリプトはtype=”text/javascript”のまま変わりませんが、他のものは皆書き換えられています。