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

被折叠的 条评论
为什么被折叠?



