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

WordPress使用云加速和cdn导致 JS脚本 “text/rocketscript” 而不是 “text/javascript” 的解决方法插图走客“text/rocketscript” 而不是 “text/javascript”:

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

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

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

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

script type="text/javascript"></script>

这种 js 脚本调用程序中,添加 data-cfasync="false"

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。