Question

有人可以在引用Jquery和CSS库时在ASP.NET MVC项目中告诉我哪种方法更快？引用下面的URL或添加到捆绑配置？

<head>
<link href="~/Content/themes/base/datepicker.css" rel="stylesheet" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">


<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

谢谢

Answer 1

可以在this semi-related question.

上找到一个很好的答案。

捆绑和缩小结合了多个JavaScript文件和CSS文件，以减少请求和传输的字节数，从而减少了加载时间。

根据this article - "Performance Implications of Bundling and Minification on Web Browsing" by Henrik F Nielsen:

，通过对多个库进行捆绑和压缩，可以减少生产服务器上的初始页面加载时间。

分析的数据表明捆绑和缩小会导致交换字节和执行请求方面的大量节省从而导致更快的页面渲染时间。此外，通过添加压缩和流水线化有可能获得显着的加速在下载HTML，CSS和JS所需的时间来布置页面，特别是通过将链接放到捆绑并缩小的CSS上和JS放在HTML的最上方。

根据MSDN

ASP.NET 4.5中的新捆绑功能打包了一组JS或CSS文件   成单个元素，并通过减少内容来减小其大小   （即删除不需要的空格，删除注释，减少   标识符）。

ASP.NET 4.5中的捆绑和缩小是在运行时执行的，因此   该进程可以识别用户代理（例如IE，Mozilla，   等），从而通过定位用户浏览器来改善压缩率   （例如，当   请求来自IE）。

MSDN还提供了有关如何在ASP.NET 4.5的Visual Studio中执行捆绑的示例。

简而言之，在生产环境中捆绑和缩小速度更快。由于在生产环境中有好处，因此无论开发环境中有何可争论的好处，您都应该这样做。

哪种引用库的方法更快？

1 个答案: