如你所见,等你看到这篇文章的时候,我博客的域名已经取消的备案。

至于取消备案的原因,主要还是因为监管逐渐变的更加严格,而且网站已经有了一定的访问量,怕引发一些不必要的麻烦,遂取消了备案。具体的原因会在后续的文章中给出。

而现在博客已经迁移到了 Vercel 上了,最初是要迁移到 CloudFlare Pages 上的,但 CFP 到国内的可用性真的够拉的。迁移到 Vercel 后,许多以前做的优化已经逐渐的不够用,不适用了。为了保证博客的体验,需要做新一轮的优化。所作优化,后续会以流水账的形式以博文的形式更新。

首先要做的就是对外部引用资源的优化,博客现在使用的流量统计方案,以及博客的使用的评论方案,一直以来是托管在腾讯云香港的轻量应用服务器上的,但香港地区的线路越来越差,极其影响体验,遂进行做了一部分优化。


正文

翻了翻 Umami 的文档,官方其实是支持引用的 JS资源 托管到其他地方的,然后将数据发送到 Umami 的服务端上,仅需做出一部分小的改动。

此方法同样适用于那些服务域名被插件屏蔽的同学。

首先,你需要将使用 Umami 版本的 JS资源 保存下来,将其部署到你的 CDN 上。

请注意,不要使用不同 Umami 版本的 JS资源。

资源的名称需要与你服务中设置的名称一致。

原有引入 JS资源,格式如下:

<script async defer
  src="http://youUmamiserversdomain/umami.js"
  data-website-id="94db1cb1-74f4-4a40-ad6c-962362670409"
></script>

其中:

  • http://youUmamiserversdomain/umami.js 为你 Umami 服务中外部调用 JS资源 的地址。
  • data-website-id 为你在服务中生成的网站对应的ID。

而如果希望将 JS资源 托管在他处,则需要引用的 JS资源 所在的位置,请保证这个地址是可用的,以及指明服务所在位置,需要添加 data-host-url 参数,格式如下:

<script async defer
  src="http://youblogdomain.com/umami.js"
  data-website-id="94db1cb1-74f4-4a40-ad6c-962362670409"
  data-host-url="http://youUmamiserversdomain"
></script>

其中:

  • http://youblogdomain.com/umami.js 为你部署的 JS资源 的地址
  • data-website-id 为你在服务中生成的网站对应的ID。
  • http://youUmamiserversdomain 为你服务所设置的域名。

至此 Umami JS资源 加速部署结束。

脚本加速之前属于一来一去,同样差的线路需要体验两次。加速之后,在加载脚本速度上会有质的飞跃,虽然还会向服务所在的域名发送采集到的相应数据,但总体来说速度上还是有明显差距的。

脚本虽小,但加速与否体验差别挺大。


《使用 CDN 加速 Umami 静态资源》