Html 下载CSS并内联使用更好,还是使用指向CSS文件的链接更好?

Html 下载CSS并内联使用更好,还是使用指向CSS文件的链接更好?,html,css,jsp,Html,Css,Jsp,在一些网络教程中,我看到人们从网上下载CSS文件(如Bootstrap),并将其作为内部CSS <link href="<c:url value='/static/css/bootstrap.min.css' />" rel="stylesheet" /> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

在一些网络教程中,我看到人们从网上下载CSS文件(如Bootstrap),并将其作为内部CSS

<link href="<c:url value='/static/css/bootstrap.min.css' />" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

在其他网站上,它们只是将链接作为外部CSS包含在内

<link href="<c:url value='/static/css/bootstrap.min.css' />" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />


我只是想知道每种方法的优点和缺点是什么?

有几个优点和缺点

CDN优点:

  • 用户可能已经下载并缓存了它,因此不需要为您的站点重新加载它
  • 更快的开发时间(节省约45秒)
  • 可能是,可能不是,但可以更新
CDN缺点:

  • 如果您自己托管这些文件,您知道当站点的其余部分可用时,这些文件将始终可用--在这一点上,偶尔会出现这样的情况:我工作的地方(DoD),我访问的站点的域是允许的,但他们使用的CDN的域是不允许的,那么页面就没有样式,或者没有运行javascript
  • 可能是,可能不是,但可以更新

我个人更喜欢自己下载和服务它们(css和js)。我记得有一段时间,互联网速度不是很快,当远程加载某个东西时,整个页面都会等待

有两个优点和缺点

CDN优点:

  • 用户可能已经下载并缓存了它,因此不需要为您的站点重新加载它
  • 更快的开发时间(节省约45秒)
  • 可能是,可能不是,但可以更新
CDN缺点:

  • 如果您自己托管这些文件,您知道当站点的其余部分可用时,这些文件将始终可用--在这一点上,偶尔会出现这样的情况:我工作的地方(DoD),我访问的站点的域是允许的,但他们使用的CDN的域是不允许的,那么页面就没有样式,或者没有运行javascript
  • 可能是,可能不是,但可以更新
我个人更喜欢自己下载和服务它们(css和js)。我记得有一段时间,互联网速度不是很快,当远程加载某个东西时,整个页面都会等待