【问题标题】:Images loads faster if servced from local than CDN如果从本地提供图像,则加载速度比 CDN 快
【发布时间】:2018-11-29 05:13:08
【问题描述】:

我正在使用 create-react-app CLI 来构建我的应用程序。我注意到从 CDN 加载图像比从 src 文件夹中的本地资产文件夹加载图像需要更长的时间。但是每个人都说 CDN 更快,我没有注意到。同一张图片通过 CDN 加载需要 200 毫秒,而从本地文件夹加载需要 4 毫秒。

你认为最好的方法是什么?

【问题讨论】:

  • 我认为您需要了解 CDN 的工作原理。
  • 我可能并不完全了解它,但我对 CDN 的工作原理有基本的了解,这就是为什么我对为什么从我的资产文件夹中加载图像的速度更快感到困惑的原因。如果您知道答案,请教育我或指出正确的方向,而不是粗鲁或否决我的问题。

标签: reactjs performance optimization cdn image-load


【解决方案1】:

本地文件总是更快。但仅对于本地计算机,请考虑您在本地托管和使用站点,并且图像文件也在计算机上。您没有对外部资源的外部调用。您可以在没有互联网连接的情况下工作。

现在,如果您使用需要互联网的 CDN,它会为您获取该文件。本地开发会慢一些。但是一旦客户使用您的应用程序,他们将需要该图像,从您的服务器获取它会起作用,但它可能会更慢。

CDN 的强大之处在于它们是一个网络,它们具有冗余、缓存,并且它们在世界各地都有实例。它将承担您的服务器本身的负载。

【讨论】:

  • 图片即使是 100kb 的图片也需要时间来加载。这大约需要几毫秒。但即便如此,渲染看起来也很糟糕
猜你喜欢
  • 1970-01-01
  • 2015-01-21
  • 2018-04-03
  • 1970-01-01
  • 1970-01-01
  • 2018-12-29
  • 2020-09-07
  • 1970-01-01
  • 2016-11-20
相关资源
最近更新 更多