页面速度 - cdn.com/framework.css + mysite.com/custom.css VS mysi


有很多

CSS框架,这可能也适用于js,但我将使用twitter引导程序作为示例。

是否建议编译框架的自定义版本(例如使用 sass),该版本将托管在您的网站上

使用框架 cdn 和小型主题样式表来覆盖您网站上托管的默认样式?


例如

<!-- bootstrap cdn -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<!-- custom theme -->
<link rel="stylesheet" href="mysite/css/custom-bootstrap-theme.min.css">

<!-- custom boostrap -->
<link rel="stylesheet" href="mysite/css/custom-bootstrap.min.css">

一般来说,您希望最小化浏览器为获取资源而必须发出的请求数量,因此一个脚本(或样式)胜过两个。

但是,您使用的 CDN 可能会提供比您自己的服务器更好的延迟和下载速度,在这种情况下,部分抓取样式可能会更快(从 CDN 快速下载大部分内容,从服务器下载较少的内容较慢)。

最好的选择是使用单个脚本("捆绑包"),该脚本被缩小(就像您所做的那样)和 CDN化(即您希望自己的脚本从 CDN 提供,例如 Amazon CloudFront)。

最新更新