WordPress使用云加速导致 JS脚本 “text/rocketscript” 而不是 “text/javascript” 的解决方法

有的客户在优化网站速度时，会使用一些类似CloudFlare的云加速服务，这些云加速服务都是会把程序里的 JS、CSS、HTML等文件压缩处理的，而且有的还会修改程序代码来实现。在WordPress搭建的网站中，有的用户碰到使用了云加速后个别页面的 JS脚本加载失效的问题，这就是因为其使用的云加速服务调整了 JS脚本的加载格式导致的。使用云加速后，导致JS脚本的加载是 “text/rocketscript” 而不是 “text/javascript”：

<script type=’text/rocketscript’ data-rocketsrc=’https://www.wpyou.com/wp-content/themes/POPSite/js/jquery.min.js?ver=4.7.5′></script>
<script type=’text/rocketscript’ data-rocketsrc=’https://www.wpyou.com/wp-content/themes/POPSite/js/wpyou.js?ver=4.7.5′></script>

而正常的页面脚本加载代码应该是：

<script type=’text/javascript’ src=’https://www.wpyou.com/wp-content/themes/POPSite/js/jquery.min.js?ver=4.7.5′></script>
<script type=’text/javascript’ src=’https://www.wpyou.com/wp-content/themes/POPSite/js/wpyou.js?ver=4.7.5′></script>

所以，我们就要调整代码，经过Google及相关云加速服务获得的解决方法，是在 js 脚本中添加参数识别。

在 <script type="text/javascript"></script> 这种 js 脚本调用程序中，添加 data-cfasync="false"，

添加后的代码样式如下：<script data-cfasync=”false” type=”text/javascript></script>

如此调整 js 调用后就可以正常加载并实现相应的页面效果了。