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

阿里为什么不收购百度? 经验心得 第2张“text/rocketscript” 而不是 “text/javascript”:

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

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

<script type=’text/javascript’ src=’http://www.5v13.com/wp-content/themes/POPSite/js/jquery.min.js?ver=4.7.5′></script>
<script type=’text/javascript’ src=’http://www.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 调用后就可以正常加载并实现相应的页面效果了。

发表回复

后才能评论