Performance 就前端性能而言,最好将tw引导和font awesome组合到现有文件中,还是从cdn调用它们

Performance 就前端性能而言,最好将tw引导和font awesome组合到现有文件中,还是从cdn调用它们,performance,twitter-bootstrap,font-awesome,Performance,Twitter Bootstrap,Font Awesome,2个性能前端碰撞的最佳实践: 例如: 最小化HTTP请求 因此,如果我们遵循这种做法,我们将把所有css和js文件合并成一个文件,即使是供应商的文件,也可能将它们放在cdn上,但即使是我们也不会从流行的url/缓存资源中受益 使用内容交付网络 因此,我们将从流行的cdn(如此cdn或google的cdn)中提取tw引导、font awesome(以及我使用的其他库,如jquery),但我们将发出多个http请求 对于流行的前端css/js,我们不能同时遵循这两条规则 在这种情况下,我们应该优

2个性能前端碰撞的最佳实践:

例如:

  • 最小化HTTP请求
    因此,如果我们遵循这种做法,我们将把所有css和js文件合并成一个文件,即使是供应商的文件,也可能将它们放在cdn上,但即使是我们也不会从流行的url/缓存资源中受益

  • 使用内容交付网络
    因此,我们将从流行的cdn(如此cdn或google的cdn)中提取tw引导、font awesome(以及我使用的其他库,如jquery),但我们将发出多个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请求相比,它可以带来更好的站点性能