从一个CDN或多个CDNS加载文件

作者: ❀⚘粉༵红༵回༵忆༵⚘❀
发布时间: 2024-07-09 11:42:10 (9天前)
转自：

8 条回复

0#
回复此人
木木 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 现在开始询问大多数浏览器支持HTTP2的一个好问题是：我的CDN是否支持HTTP2？如果是这样的话，很可能通过1个CDN对这些请求进行流水线操作会更快。如果其他CDN尚未缓存，它还可以保存DNS查找。如果CDN支持推送它也可以提高速度，因为很多这些库需要多个文件。 </p> </DIV>

编辑
1#
回复此人
北极星微控 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您应该尽量避免使用CDN： - </p> <OL> <LI> 如果CDN由于某种原因而完成，它也会影响您的应用程序，并且您可能还会遇到生产代码中永远不会发生的停机时间 </LI> <LI> 对于CDN，浏览器需要针对不同的域进行爬网，然后下载需要更多时间的必要文件 </LI> <LI> 对不同域的请求不会减慢您的应用加载时间 </LI> </醇> <P> 浏览器一次限制为6个请求，因此如果您一次发出多个请求，它们将在队列中并且将花费更多时间，因此请尽量减少请求数。 </p> <P> 建议 - </p> <P> 用户 <a href="https://bower.io/" rel="nofollow noreferrer" title="Bower"> 鲍尔 </A> / <a href="https://gruntjs.com/" rel="nofollow noreferrer" title="Grunt"> 咕噜 </A> 要么 <a href="https://webpack.js.org/" rel="nofollow noreferrer" title="Webpack"> 的WebPack </A> 在你的申请中 - </p> <OL> <LI> Bower会将您应用程序的所有依赖项带到本地服务器/计算机上，这样就无需搜索不同的域来获取所需的文件 </LI> <LI> Grunt将连接并将所有不同的文件合并到一个文件中，因此其大小减小，从浏览器下载文件的请求数量减少。 </LI> </醇> <P> 如果您对bower / grunt有任何疑问，我可以帮助您。 </p> </DIV>

编辑
2#
回复此人
与之 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我担心通常会发生这个问题没有灵丹妙药的答案。这是我的2美分。我反对专注于同时连接和浏览器/标准的数量，我想从不同的角度来看待它。 </p> <P> 对用户和服务器最重要的是页面加载时间和服务可用性。最快的加载时间是来自缓存的加载。更多的<strong> 您的 </强> 用户使用的<strong> 具体文件 </强> 来自a 的<strong> 特别是CDN </强> ，缓存命中的机会越多。 </p> <P> 基于这个目标，它是有意义的 </p> <UL> <LI> 从流行的CDN加载流行的库，这取决于库列表可以是相同的CDN或不同的CDN。我认为，浏览器的并行HTTP连接数是次要参数。 </LI> <LI> 加入并最小化自定义脚本，很少使用第三方库到有意义的文件（例如单个CSS和单个JS），并从您自己的主机或自己的CDN加载（如果您有大量用户来自不同的位置甚至大陆） CDN可能不适合你）。 </LI> <LI> 如果由于某种原因未从CDN加载基于CDN的脚本，则回退到本地副本。 </LI> <LI> 如果您有此选项，请选择最常用的库版本，这很可能不是最新版本。 </LI> </UL> <P> 我会将您可以找到CDN的库和流行使用情况的统计数据分类，其他的 - 不是很多，尽管您可以根据其他情况自行决定在本地托管什么 <a href="https://stackoverflow.com/questions/21099528/multiple-files-on-cdn-vs-one-file-locally"> 建议 </A> 。 </p> <P> 对于统计数据，您可能希望使用类似w3techs的东西： </p> <UL> <LI> <a href="https://w3techs.com/technologies/details/cd-jquerycdn/all/all" rel="nofollow noreferrer"> jQuery的 </A> </LI> <LI> <a href="https://w3techs.com/technologies/details/js-angularjs/all/all" rel="nofollow noreferrer"> AngularJS </A> </LI> <LI> <a href="https://w3techs.com/technologies/details/js-bootstrap/all/all" rel="nofollow noreferrer"> 引导 </A> </LI> </UL> <P> 根据对网站受众的一些有根据的猜测，可以在“少量高流量”和“多少低流量”网站之间进行选择，但如果您想确定，可以尝试测量缓存命中率。这不是直截了当的，但在这里我们一些 <a href="https://stackoverflow.com/questions/29930805/measuring-visitor-http-cache-hit-ratio-for-external-cdn-resources"> 理念 </A> 。 </p> <P> 现在，对于版本，您是否可以选择更改版本。如果您决定使用第一个选项“少数高流量”网站，那么绝对值得检查他们使用的CDN中的哪个版本的库。否则，对于“许多低流量”选项，最流行的版本更可取。同样的w3tech应该有 <a href="https://w3techs.com/technologies/details/js-jquery/1.12.4/all" rel="nofollow noreferrer"> 统计 </A> 。 </p> <P> 这可能听起来很麻烦，但它很少（如果不是一次）完成，因为统计数据往往变化很慢。 </p> </DIV>

编辑
3#
回复此人
取之 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 使用CDN是其他人已经回答的方法 - 但添加更多CDN只会扩展到每个CDN的DNS查找时间可能开始占据总下载时间的程度。 </p> <P> 因此，尝试加载至少2到6个资源来尝试最大化每个CDN可能是最好的权衡。 </p> </DIV>

编辑
4#
回复此人
無口君 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 最佳做法是同时使用CDN和后备（本地文件）。要回答您的问题，您应该使用多个CDN路径，就好像一个CDN已关闭，至少其余CDN已启动并正常工作。对于下行CDN，后备将进行锻炼。 </p> <P> 简而言之，这就是我在项目中遵循的最佳实践。 </p> </DIV>

编辑
5#
回复此人
昵称不能为空 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您应该避免在单个页面中直接使用多个CDN链接，因为它会影响性能。您可以尝试使用以下代码添加多个CDN链接 </p> <pre> <code> bundles.UseCdn = true; bundles.Add(new ScriptBundle("~/bundles/jquery", @"//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.js" ).Include( "~/Scripts/jquery-{version}.js")); </code> </pre> <P> 它将多个文件组合到一个文件中，减少了检索和显示网页所需的服务器请求数。 </p> </DIV>

编辑
6#
回复此人
昵称为空呵呵 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您可以轻松地使用cdn来获取数据 </p> </DIV>

编辑

登录后才能参与评论