13、网站分析、性能监控与部署全攻略

网站分析、性能监控与部署全攻略

在网站开发过程中，网站分析、性能监控以及部署是至关重要的环节。下面将详细介绍如何进行网站分析和性能监控，以及如何将网站部署到不同平台。

网站分析工具的选择与使用

在网站分析方面，除了常用的 Google Analytics，还有其他注重隐私的替代工具，如 Fathom Analytics。

使用 Fathom Analytics

Fathom Analytics 主打隐私保护，相较于 Google Analytics 收集大量数据，它仅收集创建单页统计仪表板所需的数据。不过，它并非免费，每月起价 14 美元。要在 Gatsby 网站中使用 Fathom Analytics 跟踪数据，需按以下步骤获取站点 ID：
1. 打开浏览器，访问 https://usefathom.com 并创建账户，需用信用卡注册，但有 7 天免费试用。
2. 创建账户后，会提示创建新网站，为网站取个合适的名字，如 personal - website，然后点击“Create site”。
3. 提交后，会看到站点 ID 和适用于多种框架（包括 Gatsby）的嵌入代码。不建议按照其为 Gatsby 提供的说明操作，因为可能会修改 Gatsby 用于服务器渲染头部和 HTML 其他部分的组件，不利于后续升级。只需记录站点 ID，然后最小化浏览器。

获取站点 ID 后，在 Gatsby 网站仓库中进行如下操作，以填充 Fathom 仪表板统计数据：
1. 安装必要依赖：

npm install gatsby - pl