高性能web网站优化原则8——脚本和css放在外部引用,避免内联

将脚本或css放页面里面叫做内联,将脚本放一个单独的文件里,在页面通过链接引用叫做外部引用。
相比外部引用,内联方式,在页面下载的时候,脚本和css都一起下载了,减少了http请求次数,然而增加了页面的大小,增加了网络负载
采用外部引用的方式,页面的下载和css或者js的下载可以并行执行,这可以减少页面的大小,但增加了http请求数。浏览器可以缓存js或者css文件,用户再次访问时候,可以直接从缓存里面读取。特别是当脚本或css很大的时候,对网站性能的优化是比较明显的。
另外其他页面也可以复用js和css文件,当用户在页面之间跳转的时候,浏览器可以直接从缓存里面获取js或者css文件。并且外部引用的方式对js或者css文件的可维护性和可读性也比较好
当css或者js比较小或者专属于某个页面,并不经常访问的情况下,还是建议采用内联的方式。

你可能感兴趣的:(网站优化)