从前端性能来看,将tw-bootstrap和font真棒组合到现有文件中更好,还是从cdn调用它们更好



性能前端冲突的两个最佳实践:

例如: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请求相比,它可以带来更好的网站性能。

相关内容

最新更新