雷达智富

首页 > 内容 > 网页技术 > 正文

网页技术

使用海洋cms使用CloudFlare Rocket Loader导致点赞无法显示操作

2021-08-13 1071

在启用CloudFlare以后,网站访问速度感觉稳定了不少,而且收录速度似乎更快了,但是出现一个问题就是<script>标签会添加如下属性

type="aa725f79b77a35f69c8ae66d-text/javascript

这样的结果就是导致无法评分,点不动,明显就是缺少js导致。

起初我是没有发现,始终对比无法评分,后来在另外一个服务器安装的时候既然可以评分,然后各种检查对比,发现就是js加参数后导致的结果。

然后我就想到应该是CloudFlare那边设置的问题,因为我后来的站是没有用CloudFlare,找到参数设置关闭后立马就没问题了。

然而我又不希望全部关闭,所有参考文档加入如下代码

data-cfasync=”false”

需要加载的核心代码就不会加参数,然而还有一处js在php修改,要不然一样不显示。

评分主要js文件如下,当然其他的也需要用到。

<script data-cfasync="false">var sitePath='{seacms:sitepath}'</script>
<script data-cfasync="false" src="/{seacms:sitepath}js/common.js"></script>
<script data-cfasync="false" src="images/js/function.js"></script>

继续打开

include/main.class.php

查找

markVideo

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

改为

<script data-cfasync=\"false\" type=\"text/javascript\">

完美呈现

那么 Rocket Loader是干嘛的呢?查看说明,开启后可以加快包括js在内的页面加载速度,从而提高您的google rankpage 排名。但是开启后<script>的type会变成text/rocketscript,然后去下载一个叫rocket-loader.min.js的文件。如果对页面规范比较严格的想MIP或者AMP这种的,建议在<script>标签内加入data-cfasync=”false”。来解决这个问题,其他的吗还是建议开启吧。


更新于:2021-08-13 00:18
赞一波!4

文章评论

评论问答