使用Cloudflare后出现rocket-loader.min.js及invisible.js出现降速问题解决

很多小伙伴在使用Cloudflare的免费CDN后,会发现自己的WordPress网站自动被添加了rocket-loader.min.js及invisible.js两个脚本,导致加载WordPress网站总是慢一点,这两个脚本到底是干嘛的呢?能不能禁用关掉?这里搬主题就给出优化rocket-loader.min.js及invisible.js这两个脚本后,加速WordPress网站访问加载的方法。

原文链接:使用Cloudflare后出现rocket-loader.min.js及invisible.js出现降速问题解决

自动加载的脚本

一般我们使用Cloudflare的免费CDN来加速自己的WordPress网站后,在调试的时候会自动附带了两个额外的脚本,如下:

https://www.banzhuti.com/cdn-cgi/scripts/7d1fa11a/cloudflare-static/rocket-loader.min.js
https://www.banzhuti.com/cdn-cgi/challenge-platform/h/g/scripts/alpha/invisible.js

然后在每次网站加载的时候,都会出现这两个脚本自动加载。

大家也知道,在国内访问Cloudflare的话速度都不是很好,如果附带了这两个JS脚本后,速度更是大打折扣。

rocket-loader.min.js是什么

Rocket Loader 通过将所有 JavaScript 的加载推迟到呈现之后来确定网站内容(文本、图像、字体等)的优先级。

这种类型的加载(称为异步加载)会导致更早呈现页面内容。Rocket Loader 处理内联和外部脚本,同时保持执行顺序。Cloudflare 将检测不兼容的浏览器并禁用 Rocket Loader。

在使用 JavaScript 的页面上,这会带来更快的加载体验打开外部链接为您的用户改进以下性能指标:

  • 首次渲染时间 (TTFP)
  • 首次内容绘制时间 (TTFCP)
  • 第一次有意义的绘画时间 (TTFMP)
  • 文档加载

简单来说就是可以延迟加载的JS脚本,但是在国内体验非常不好,加载本来就慢了,访问更加慢。,这个时候我们需要禁用该功能即可。

使用Cloudflare后出现rocket-loader.min.js及invisible.js出现降速问题解决插图

一般关闭这里后即可。有的还会在规则里开启,这个时候还需要到Cloudflare的规则里关掉Rocket Loader即可。

对于有的用百度云加速的,也会自动开启,也需要进行关闭

出现这个原因是由于站长在接入云加速的时候设置开启了自义规则中的 javascript快速加载 功能

使用Cloudflare后出现rocket-loader.min.js及invisible.js出现降速问题解决插图1

invisible.js是什么

解决了rocket-loader.min.js后,接下来是invisible.js了。

Cloudflare已经开始公开测试一种CAPTCHA替代品,它在后台安静地运行,自动判断网页访问者是否是真正的人类。其目的是让网民不必在网站上完成那些乏味的 "证明你不是机器人"的测试。

这个小工具被称为Turnstile,被描述为当今CAPTCHA挑战的 "隐形替代品"。也就是说,如果它不能自动验证一个用户是人类,那么作为最后手段,它将退回到人工测试。Cloudflare声称它可以做到这一切,同时保持比传统验证码系统更高的隐私水平。

其实就是防火墙自动识别这个时候访问的是机器人还是正常访客,然后自动开启攻击防御程序。这个时候可以登录Cloudflare就能看到一些攻击的日志了。

使用Cloudflare后出现rocket-loader.min.js及invisible.js出现降速问题解决插图2

这个时候可以根据自己的需要进行调整,选择降低攻击防御等级还是禁用。

在Cloudflare的面板【安全性】-【设置】,选择降低或者升高防御等级。

使用Cloudflare后出现rocket-loader.min.js及invisible.js出现降速问题解决插图3

可以直接关掉,或者选择选择低。如果选择中甚至更高的话,那么你将见到无休止的验证,这个时候的体验是极差的。

直接关掉的选择为Cloudflare的面板【安全性】-【自动程序】

使用Cloudflare后出现rocket-loader.min.js及invisible.js出现降速问题解决插图4

最后总结

把这两个JS脚本解决后,WordPress网站也加载快得多,不再被各种阻塞。搬主题的网站访问也好多了。以上就是搬主题就给出优化rocket-loader.min.js及invisible.js这两个脚本后,加速WordPress网站访问加载的方法。

使用Cloudflare后出现rocket-loader.min.js及invisible.js出现降速问题解决插图5
 收藏 (0) 更新不易,打赏吧

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《使用Cloudflare后出现rocket-loader.min.js及invisible.js出现降速问题解决》
文章链接:https://www.xiapilu.com/web/web-tutorial/cloudflare-rocket-loader-min-js-invisible-js.html
分享到: 生成海报

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

切换注册

登录

点击按钮进行验证

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活

点击按钮进行验证