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，並且大多數人將CDN用於這些CSS和JS。

因此，第一種方法是您包括來自您自己的域（本地主機或靜態存儲）的所有靜態文件，在這種情況下，對這些靜態文件的所有請求都將由服務器處理。 如果您使用的是localhost，它不會對您造成太大影響，但是當您將其托管在服務器上時，它將消耗服務器的少量帶寬流量。

另一方面，如果您使用CDN，則可以節省空間和服務器帶寬

Answer 2

使用CDN加載任何文件（不僅是Bootstrap文件），而不是在服務器上托管這些文件的主要目的和理由是SPEED！

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

那是因為兩件事：

1. CDN允許並行（即同時） 加載更多文件！ 如果您在自己的服務器上托管相同的文件，它們將一個接一個地加載，並取決於您的網頁必須加載多少個文件（包括圖像文件等），僅此一項就可以帶來巨大的性能差異。

2. 許多網站上使用的文件（例如，Bootstrap文件） 已經緩存在您網站訪問者的瀏覽器中！ 因此，他們根本不必加載它們，這在速度/性能上有更大的提高。 這假設您正在使用成千上萬個網站使用的CDN來加載相同的文件（因為如果您網站上這些文件的URL /路徑與CDN URL相同，則瀏覽器將僅使用緩存的文件。用戶先前訪問過的另一個網站也會使用）。

另外，您可以包括一小段JavaScript或jQuery，以檢查外部CDN文件是否可用以及CDN是否由於某種原因而關閉，然后， 只有那一段JavaScript才會從您的設備中加載相應的文件。本地服務器。