react.js - 如何能加快 antd 的访问速度？

Question

我访问的 antd 官网是 https://ant-design.antgroup.com/index-cn
点击左边查看每个组件的使用时速度非常慢，上面地址是国内站点吧，为什么会这么慢呢
怎么能加速吗

Answer 1

因为AntD的文档不是SSR也不是SSG的，就是单纯的SPA项目。所以JS没有加载完成的时候就会显示骨架屏占位。

可以把 AntD 仓库的 gh-pasges 分支克隆到本地，然后本地运行一个http服务来查阅文档。
如果还是觉得慢那就真的没啥好办法了，毕竟不是SSG直接生成HTML产物。

Answer 2

要加快 Ant Design（antd）官网的访问速度，尤其是在中国大陆地区，你可以尝试以下几种方法：

1. 使用 CDN 加速：
   如果可能的话，尝试通过 CDN（内容分发网络）访问 antd 的资源。CDN 会将内容缓存到离你更近的服务器上，从而减少加载时间。不过，对于第三方网站如 Ant Design 官网，这通常不是用户可以控制的，但你可以检查是否有 CDN 版本的资源链接。

2. 优化本地网络环境：

   • 确保你的网络连接是稳定的。
   • 尝试重启路由器或调整路由器设置以优化网络性能。
   • 使用 VPN 或其他网络代理服务，有时可以绕过网络拥堵，尤其是当访问国外服务器时。但在中国大陆访问国内站点时，通常不需要 VPN。

3. 浏览器优化：

   • 清除浏览器缓存和Cookies，有时旧的缓存数据可能会减慢页面加载速度。
   • 禁用不必要的浏览器插件或扩展，这些可能会干扰或减慢页面加载。
   • 使用最新的浏览器版本，因为新版本通常会有性能改进。
4. 硬件加速：
   确保你的计算机硬件（如 CPU、内存和显卡）足够强大以支持流畅的网页浏览。
5. 使用网站镜像或本地缓存：
   如果你频繁访问 Ant Design 官网并且希望加速访问，可以考虑在本地缓存网页或使用网站镜像。但这通常需要较高的技术能力和维护成本，对于普通用户来说可能不太现实。

6. 检查网络设置：

   • 确保没有防火墙或安全软件阻止或减慢了对 Ant Design 官网的访问。
   • 检查 DNS 设置，确保没有指向较慢的 DNS 服务器。
7. 联系网站管理员：
   如果以上方法都无法解决问题，并且你认为访问速度缓慢是由于网站本身的问题，可以尝试联系 Ant Design 的网站管理员或开发团队，向他们报告这个问题。

需要注意的是，Ant Design 官网的访问速度可能受到多种因素的影响，包括服务器负载、网络拥堵、地理位置等。因此，上述方法可能并不总是有效，但可以作为尝试提高访问速度的起点。