Django:Bootstrap CDN还是从本地服务器加载Bootstrap文件?

时间:2018-02-06 05:03:26

标签: css django twitter-bootstrap twitter-bootstrap-3 bootstrap-4

我正在努力建立我的第一个网站。我正在使用Django。我有一个问题涉及从Bootstrap中包含css / js。

安装它并使用BootstrapCDN链接它有什么区别?

如果无法再访问该链接会怎样?它会影响网站吗?

我不能将这些文件包含在statics目录中吗?

我在app的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>

2 个答案:

答案 0 :(得分:2)

使用CDN加载任何文件(不仅仅是Bootstrap文件)而不是在服务器上托管这些文件的主要观点和原因是 SPEED!

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

这是因为有两件事:

  1. CDN允许并行加载更多文件同时加载!虽然如果您在自己的服务器上托管相同的文件,它们将依次加载并依赖在您的网页必须加载多少文件(包括图像文件等)时,仅此一项就可以对性能产生巨大影响。

  2. 许多网站上使用的文件(例如Bootstrap文件)已经缓存在您网站访问者的浏览器中!因此,他们根本不必加载它们,这在速度/性能上有更大的提升。这假设您正在使用数千或数十万个网站使用的CDN来加载相同的文件(因为如果您网站上这些文件的URL /路径与CDN URL相同,浏览器将仅使用缓存文件另一个网站,以前由用户访问过,也使用)。

  3. 此外,您可以添加一小段JavaScript或jQuery来检查外部CDN文件是否可用,以及CDN是否由于某种原因发生故障,然后 ONLY THEN 一段JavaScript将从本地服务器加载相应的文件。

答案 1 :(得分:1)

快速回答:您可以使用它不会影响&#34;链接不再可访问&#34;不要担心这些是正式的CDN,并且大多数人都使用cdn来获取那些css和js。

因此,第一种方式是包含来自您自己的域(localhost或静态存储)的所有静态文件,在这种情况下,您的服务器将处理对这些静态文件的所有请求。如果您使用的是localhost,它不会对您造成太大影响,但是当您在服务器上托管它时,它会耗尽服务器的一些带宽流量。

另一方面,如果你使用cdn,那么你将节省空间和服务器的带宽