最好从CDN导入资产或将它们与自定义代码捆绑在一起？

Question

我通常使用Gulp将我的CSS捆绑为一个最小化文件,然后从CDN分别导入FontAwesome,Google字体或插件文件等资源.这是最好的选择还是下载这些第三方资产然后将它们与我们的代码捆绑在一起作为一个文件更好的性能？

Answer 1

所以这里的第一点是我们使用CDN的原因:

内容分发网络(CDN)的工作原理是为用户提供备用服务器节点以下载资源(通常是静态内容,如图像和JavaScript).这些节点遍布全球,因此在地理位置上更接近您的用户,从而确保更快的响应和内容下载时间,因为延迟减少.

因此,如果您计划在全球范围内托管您的网站,那么我必须更好地说您使用CDN.

另一件事是你可以下载并使用gulp捆绑,因为你现在正在做,但把你的CSS文件放到一些cdn.它会提高你的表现.(而且很便宜)

这里是亚马逊云前端链接:

Answer 2

如果您使用常见的共享 CDN 文件，例如，https://code.jquery.com/jquery-3.2.1.min.js用户可能已经在浏览器中缓存了该版本，因为大部分网站都使用了 jQuery。这意味着当他们访问您的网站时，他们不必再次下载 jQuery，从而加快加载时间。

例如，如果您使用 CloudFront，这不会有上述好处，但它确实意味着静态文件将更接近您的用户，这意味着检索文件的延迟较低，因此从用户的角度来看加载时间更快。

但是，我通常喜欢使用共享 CDN 文件，并且还包括本地后备 -请参阅此处