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

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

温馨提示: 本文最后更新于 2025-01-25 14:34:58,某些文章具有时效性,若有错误或已失效,请在下方留言!

前言

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

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

部署教程

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

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

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

其中:

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

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

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

其中:

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

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞7赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容