Django：Bootstrap CDN 或从本地服务器加载 Bootstrap 文件？

Question

我正在尝试制作我的第一个网站。我正在使用 Django。我有一个关于从 Bootstrap 包含 css/js 的问题。

安装它和使用它链接有什么区别BootstrapCDN？

如果该链接不再可访问，会发生什么情况？会不会影响网站？

我不能只在statics目录中包含这些文件吗？

我在我的应用程序的 base.hml 文件中有这个：

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="{% static 'flatly.css' %}">
<link rel="stylesheet" href="{% static 'main.css' %}">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

Answer 1

使用 CDN 加载任何文件（不仅仅是 Bootstrap 文件）而不是在您的服务器上托管这些文件的要点和原因是速度！

CDN 可以大大提高您网站的速度/性能。

这是因为2件事：

1. CDN 允许并行加载更多文件，即同时加载！如果您在自己的服务器上托管相同的文件，它们将一个接一个地加载，具体取决于您的网页必须加载的文件数量（包括图像文件等），仅这一点就会对性能产生巨大影响。

2. 许多网站上使用的文件（例如 Bootstrap 文件）已经缓存在您网站访问者的浏览器中！因此，他们根本不必加载它们，这在速度/性能方面获得了更大的收益。这假设您使用的 CDN 被数千个或数十万个网站用于加载相同的文件（因为如果您网站上这些文件的 URL/路径与 CDN URL 相同，浏览器将仅使用缓存文件用户之前访问过的另一个网站也使用）。

此外，您可以包含一小段 JavaScript 或 jQuery，用于检查外部 CDN 文件是否可用，以及 CDN 是否因某种原因而关闭，然后并且只有在此之后，该段 JavaScript 才会从您的文件中加载相应的文件。本地服务器。