性能前端冲突的两个最佳实践:
例如:https://developer.yahoo.com/performance/rules.html
-
最小化HTTP请求
因此,如果我们遵循这种做法,我们将把所有css和js文件合并为一个文件,即使是供应商的文件,也可能将它们放在cdn上,但即使是我们也不会从流行的url/cached资源中受益。 -
使用内容交付网络
因此,我们将从流行的cdn中提取tw引导程序、字体真棒(以及我使用的其他库,如jquery)http://www.bootstrapcdn.com或者谷歌的,但我们会发出多个http请求。
对于流行的前端css/js,我们不能同时遵循这两个规则。
在这种情况下,我们应该优先遵循哪条规则?
如果许多网站链接到同一个CDN,则多个http请求不会对网站的性能产生太大影响,因为访问者的浏览器很可能在使用同一CDN访问另一个网站时缓存了CDN,因此不必再次加载。
与较少的http请求相比,使用CDN的优势包括:
-Decrease server load
-Faster content delivery
-100 percent availability
-Increase in the number of concurrent users
-More control of asset delivery
因此,假设CDN是"流行的"并且链接紧密,那么是的,与将样式和/或脚本合并在一起以减少http请求相比,它可以带来更好的网站性能。