我正在努力建立我的第一个网站。我正在使用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>
答案 0 :(得分:2)
使用CDN加载任何文件(不仅仅是Bootstrap文件)而不是在服务器上托管这些文件的主要观点和原因是 SPEED!
这是因为有两件事:
CDN允许并行加载更多文件同时加载!虽然如果您在自己的服务器上托管相同的文件,它们将依次加载并依赖在您的网页必须加载多少文件(包括图像文件等)时,仅此一项就可以对性能产生巨大影响。
许多网站上使用的文件(例如Bootstrap文件)已经缓存在您网站访问者的浏览器中!因此,他们根本不必加载它们,这在速度/性能上有更大的提升。这假设您正在使用数千或数十万个网站使用的CDN来加载相同的文件(因为如果您网站上这些文件的URL /路径与CDN URL相同,浏览器将仅使用缓存文件另一个网站,以前由用户访问过,也使用)。
此外,您可以添加一小段JavaScript或jQuery来检查外部CDN文件是否可用,以及CDN是否由于某种原因发生故障,然后 ONLY THEN 一段JavaScript将从本地服务器加载相应的文件。
答案 1 :(得分:1)
快速回答:您可以使用它不会影响&#34;链接不再可访问&#34;不要担心这些是正式的CDN,并且大多数人都使用cdn来获取那些css和js。
因此,第一种方式是包含来自您自己的域(localhost或静态存储)的所有静态文件,在这种情况下,您的服务器将处理对这些静态文件的所有请求。如果您使用的是localhost,它不会对您造成太大影响,但是当您在服务器上托管它时,它会耗尽服务器的一些带宽流量。
另一方面,如果你使用cdn,那么你将节省空间和服务器的带宽