想象一下，一位潜在客户正在后院工作。他打开 iPhone 搜索“花园水管卷盘”，但附近没有提供快速 4G 连接的基站，导致网速极慢。
Google 搜索页面因自动针对缓慢的 3G 连接优化而加载迅速。在首批自然搜索结果中，Lowe’s 和 The Home Depot 的页面并列出现。用户决定同时打开两个链接进行比较。
让我们对比两者的加载速度：
The Home Depot 的 Google PageSpeed Insights 报告。点击图片以放大。
—
Lowe’s 的 PageSpeed Insights 报告。点击图片以放大。
使用 PageSpeed Insights 对比平均加载时间，Lowe’s 在 FCP（首次内容绘制）上以 1.4 秒优于 The Home Depot 的 1.6 秒，这意味着其访客更可能产生交互。
但在 DCL（DOM Content Loaded，即 HTML 文档加载解析完成）数据上，Lowe’s 为 3.6 秒，The Home Depot 仅为 1.9 秒。这一显著差异有助于 The Home Depot 大幅降低跳出率。Google “Web Fundamentals”门户对此模型有详细解释。
尽管两者在高速网络下加载很快，但这不代表在慢速连接下对访客同样友好。
通过 Chrome 开发者工具模拟 3G 环境测试发现：Home Depot 的 DCL 为 8.44 秒。
Chrome Developer Tools 显示，模拟 3G 连接下 Home Depot 的 DCL 为 8.44 秒。点击图片以放大。
—
而在 3G 连接下，Lowe’s 的 DCL 高达 19.02 秒，比 Home Depot 慢了两倍多！（可以想象用户在等待加载时只能继续做其他园艺工作。）
3G 连接下 Lowe’s 的 DCL 为 19.02 秒，比 Home Depot 慢两倍以上。点击图片以放大。
即使网站在高网速下表现优异，部分潜在客户仍可能处于慢速连接状态，体验较差。CDN 虽能加速不同地理位置的访问，却无法解决连接速度慢的问题。
慢速连接下的页面速度优化
如何提升移动慢速连接下的网站加载速度？
根据连接速度自动调整的响应式设计是理想方案，但目前浏览器尚不支持（Chrome 和 Firefox 的相关试验性 API 不适合生产环境）。
可行的方法是提供独立轻量版网站。例如 Gmail 在加载困难时会提示切换至基本 HTML 版本。其原理是利用信标图像监测加载时间，超过阈值后引导用户使用替代版本。
但开发维护双版本成本高昂。我们需要评估慢速连接用户的占比，判断对 The Home Depot 和 Lowe’s 而言是否值得投入。
利用 Chrome 用户体验报告（CrUX）分析
Google Analytics 已不再按连接类型细分访客。幸运的是，Google 公开的 Chrome User Experience Report（CrUX）数据集包含热门站点的相关信息，PageSpeed Insights 即基于此构建。CrUX 按域名聚合，提供更多指标维度，支持高级分析。
CrUX 可在 Google BigQuery 中使用（近期新增了“Country”查询维度）。Akamai 的 Paul Calvano 制作了实用的 BigQuery CrUX 数据分析教程，我们可以借此比较两家企业在慢速连接下的速度分布，从而判断是否有必要投资开发独立站点版本。
步骤 1. 在 Google Compute Engine 创建新项目，以便从 BigQuery 访问 CrUX 数据。
步骤 2. 运行 SQL 查询进行对比，并将结果保存至 Google Sheets 以便进一步分析。
运行 SQL 查询比较 Lowes.com 与 HomeDepot.com 用户在慢速连接下的情况，结果保存于 Google Sheets。点击图片以放大。
步骤 3. 在 Google Sheets 中通过 Data > Pivot Table 创建数据透视表。配置窗口中选择“origin”为行，“device”和“conn”为列，密度使用“SUM”，并确认总计为 100%。
在 Google Sheets 中通过 Data > Pivot Table 创建数据透视表整理数据。点击图片以放大。
报告显示：Lowes.com 有 2.79% 的台式机访客使用慢速连接，移动端无显著比例；而 The Home Depot 有 4.28% 的移动设备访客处于慢速连接状态，台式机用户比例为 1.20%。
对于 The Home Depot 和 Lowe’s 这种规模的企业，个位数百分比代表着大量访客及潜在收入。对 The Home Depot 而言，4.28% 的比例在商业上具备合理性。
若你正与 HomeDepot.com、Lowes.com 或其他在慢速连接下表现不佳的对手竞争，这或许是专门为这部分用户提供网站精简版的良机。
尝试利用 Chrome 用户体验报告挖掘竞争优势时，可参考以下资源：
- GitHub 上的 CrUX Cookbook：包含一系列实用 SQL 查询。
- CrUX Search：列出收录在 CrUX 中的域名。
- Standard SQL Query Syntax：列出 Google BigQuery 支持的语法。