AWS Amplify中www与非www域名加载速度差异排查求助

以下是针对你遇到的裸域（example.com）加载远慢于www子域的问题的具体排查和修复步骤：

1. 确认Amplify域名配置状态 #

• 登录AWS Amplify控制台，进入你的应用的Domain management页面
• 检查裸域（example.com）和www.example.com的状态是否均为Active，且Amplify为两个域名提供的目标分发域名一致（格式类似xxx.amplifyapp.com）

2. 修正Namecheap的DNS配置 #

问题核心大概率是裸域使用了错误的DNS记录类型（比如固定A记录），导致未走Amplify的CDN节点：

• 登录Namecheap控制台，进入域名的Advanced DNS设置
• 保留www.example.com的配置：确保是CNAME记录，主机名填www，目标值为Amplify提供的分发域名（如your-app-id.amplifyapp.com）
• 修改裸域（example.com）的配置：
  • 删除原有指向固定IP的A记录
  • 添加一条ALIAS/ANAME记录（Namecheap中在Advanced DNS里选择CNAME Record，主机名留空或填@），目标值设置为Amplify提供的分发域名
  • 注意：不要使用URL跳转记录，这会导致301/302重定向，反而影响加载速度

3. 验证DNS解析结果 #

• 在本地终端执行nslookup example.com和nslookup www.example.com，检查两者的解析目标是否最终指向Amplify的CDN节点（Cloudfront IP范围），而非单个固定IP
• 可以清除本地DNS缓存（Windows用ipconfig /flushdns，Mac用sudo dscacheutil -flushcache），或等待DNS TTL过期（通常1-2小时）后再测试加载速度

4. 额外排查点 #

• 检查Angular应用的src/index.html中<base href="/">是否正确，避免因域名不同导致资源加载路径错误
• 登录Amplify控制台，查看Monitoring页面的请求统计，确认裸域的请求是否走了CDN缓存

内容的提问来源于stack exchange，提问作者perioad