### [如何通过 CDN 加速 Umami 统计脚本](https://www.huiui.net/article/1.html)

**Published:** 2026-08-22T06:16:56

**Author:** 小新.

**Excerpt:** 本文介绍了如何通过CDN加速Umami统计脚本，以提升网站性能。

## 前言

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

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

## **部署教程**

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

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

```javascript
<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` 参数，格式如下：

```javascript
<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资源 加速部署结束！

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

**Tags:** CDN, Umami, 优化, 加速, 脚本

**Categories:** 网站优化

**Comments:** 

**哆啦A梦的时光机:** 谢谢分享，按照教程操作后，网站速度确实提升了！



---