如何通过 CDN 加速 Umami 统计脚本

前言

先来说说本站的umami是怎么搭建，使用 Vercel 托管 Umami，数据库则部署在本地。但是由于 Vercel 的服务器位于国外，最近发现调用统计脚本时的延迟越来越大，甚至有时无法正常调用，极其影响体验！

今天翻阅了 Umami 的文档，发现官方支持将 JS 资源托管到其他地方，只需做一些小的修改，就能将数据发送到 Umami 的服务端。那么本文就将介绍如何将 Umami 的 JS 资源托管到其他地方，并确保数据正常发送到 Umami 服务端。

部署教程

首先，您需要将 Umami 使用的 JS 资源下载并保存，然后将其部署到您的 CDN 上。

原有引入 JS资源，格式如下：

<script
  defer src="https://umami.huiui.net/js/umami.js" data-website-id="a8b4dd5b-898b-4346-9a33-087801113996">
</script>

其中：

• https://umami.huiui.net/umami.js 是 Umami 服务中外部调用的 JS 资源地址
• data-website-id 是你在 Umami 服务中为网站生成的唯一 ID。

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

<script 
  async 
  defer
  src="https://cdn.huiui.net/js/umami.js"
  data-website-id="a8b4dd5b-898b-4346-9a33-087801113996"
  data-host-url="https://umami.huiui.net">
</script>

其中：

• https://cdn.huiui.net/js/umami.js 为部署的 JS资源 的地址
• data-website-id 为在服务中生成的网站对应的ID
• https://umami.huiui.net 为服务所设置的域名

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

加速前，脚本的请求是单向的，差的网络线路需要往返两次。而加速后，脚本加载速度有了显著提升，尽管依然需要将采集到的数据发送到服务端，但总体速度差距明显减少。