Hostinger AI Builder 网站速度优化教程
Hostinger AI Builder 默认会对所有网站进行优化。所有网站资源（包括图片、视频和其他文件）都会自动通过 Cloudflare 内容分发网络（CDN）进行交付，并且 Hostinger AI Builder 会自动优化你上传的所有视觉内容，但 GIF 除外。
你还可以额外采取以下措施：
- 限制 GIF 的使用，因为 Hostinger AI Builder 无法对其进行优化，因此 GIF 可能会拖慢你的页面加载速度。
- 限制集成的使用，只保留最必要的集成；添加到网站的任何额外代码都需要加载，自然会耗费一定时间。
如何检测页面速度
建议使用由 Google 开发的 PageSpeed Insights，它是最值得信赖的检测工具之一。输入你的页面 URL，然后点击分析（Analyze）。
在这里，你可以分别查看移动端和桌面端版本的检测结果。
移动端版本比桌面端版本慢是完全正常的现象，原因如下：
- 移动设备的处理器速度较慢。
- PageSpeed Insights 模拟的是较慢的蜂窝网络速度。
- 移动设备有特定的 CSS 规则（例如用于调整图片尺寸的规则）。
其他类似的 web vitals 检测工具通常在后台使用 Lighthouse。不过，Lighthouse 的使用可能比较复杂，且结果并不完全可靠，因为它显示的结果取决于用户所在的地理位置。例如，如果你所在地区的网络连接非常出色，你获得的结果会优于平均水平。
最常见的衡量指标
页面速度检测工具提供许多指标，但以下列出的最为常见。
初始服务器响应时间
初始服务器响应时间是指浏览器发出请求后收到首个字节的耗时。理想的响应时间应在 30 至 100 毫秒之间：
当这项指标数值较低时，其他指标（例如 LCP，即最大内容绘制）也会自动随之降低。请注意，你得到的结果可能会稍差一些，因为在检测网站性能时，你的网站在页面速度检测工具中未被缓存。这意味着你的网站始终会被当作首次访问来测试。对于真实用户来说，页面的实际加载速度会略快一些。
未使用的 JavaScript
未使用的 JavaScript 代码可能是在页面加载时不再需要（但仍然存在）的代码，也可能包含从其他模块导入但不再被引用的残留代码。这通常是由添加到网站的第三方集成引起的：
合适尺寸的图片
你上传到 Hostinger AI Builder 的所有图片文件都会自动优化。不过，也有一些例外：
- 使用**嵌入代码元素（Embed code）**添加的视觉内容
- 来自 Instagram 元素的视觉内容
- GIF 图片
了解更多：合适尺寸的图片
关键请求链
关键请求链是指相互依赖、且对页面渲染至关重要的请求序列。过长的关键请求链会显著拖慢页面加载速度。不过，使用 Hostinger AI Builder 制作的网站不存在关键请求链——这种情况只可能由第三方工具或集成引起，将其移除必定能提升页面加载速度：
内容分发网络
我们始终建议使用 CDN。因此，使用 Hostinger AI Builder 创建的网站资源默认通过 Cloudflare 交付。如果你收到了使用 CDN 的建议，那么问题与页面上的第三方工具或集成有关。你可以检查具体是哪个组件导致的问题，并将其从网站中移除：
DOM 规模过大
DOM 规模过大通常由图片画廊（gallery）元素引起，尤其是当添加了大量图片时——因为需要渲染的图片实在太多了：
