链接到JQuery CDN会降低我的网站速度吗？

Question

总新手。这似乎是一个基本问题，但我无法找到答案：

我有几行JQuery来显示和隐藏六页的响应式菜单。我明白我需要＆＃34;链接＆＃34;到JQ库：

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

这会减慢我的网站速度吗？访问者是否必须为我的两行代码下载整个JQ库才能工作？如果是这种情况，我可能会恢复为Javascript。

Answer 1

加载脚本文件永远不会免费，因此您必须根据所提供的功能来决定它是否值得。

一旦你决定这样做（如果你这样做），问题是是否使用CDN或在本地托管它。

CDN的优点：

• 它可能已经在浏览器缓存中，因为在其他地方使用了相同的文件。
• CDN使用边缘投射，高度优化的服务器和服务器配置等来尽可能快地交付 。虽然你可能有一台同样快的服务器，但你很可能不会这样做。

CDN的Const：

• 如果CDN已关闭，即使您的网站启动并运行，该链接也无法正常工作。
• 不受你的控制。

Answer 2

一般来说，是的。某些条件会影响下载速度，例如内容阻止，缓存和异步。

如果我们知道互联网连接速度和文件大小，我们可以计算下载文件所需的时间。

该缩小​​的jquery CDN文件是84.8 KB。

average global internet connection速度约为7.2 Mbps。

因此...

下载此大小的文件大约需要 78.45 ms 。

Answer 3

取决于您认为网站减速的情况。一些毫秒是一个巨大的减速？

您可以通过在自己的服务器上安装jQuery库来略微加快进程（无需额外请求google CDN =＆gt;节省时间）。加速这个过程的另一件事是使用SLIM和缩小的jQuery CDN版本。

现在，如果你只有两行代码，可能没有特别需要只包含jQuery（再次认为是longterm），但想想将来你会使用jQuery来做更多事情。

最后，jQuery的包含不会减慢你的响应时间（最多几毫秒）。

希望这有帮助！

Answer 4

由于您尝试获取缩小的文件，因此CDN网络不会减慢您的网页速度。即使您使用脱机文件，仍需要一些时间从存储加载。由于您正在开发网站/ Web应用程序，因此您的应用程序应连接到网络。如果您在首次加载页面时未显示任何jquery内容，则可以通过向async标记添加script属性来在后台加载该内容。

您可以转到（在Chrome中）

来查看此文件加载所需的时间

开发者控制台 - ＆gt;网络即可。

它将显示请求列表及其完成时间。也可提供不同的过滤器。因此，选择全部以查看所有网络连接和完成请求的时间。