如何加载css和js快

html-css027

如何加载css和js快,第1张

在页面<head>标签中引入所有的样式表文件

理论上讲，你可以在任何位置引入CSS样式表，但HTML规范建议在网页的<head>标记中引入，这样可以加快页面的渲染速度。

要记住一个原则，就是让页面以最快的速度呈现在用户面前。当加载一个脚本时，页面会暂停加载，直到脚本完全载入。所以会浪费用户更多的时间。

如果你的JS文件只是要实现某些功能（比如点击按钮事件），那就放心的在body底部引入它，这绝对是最佳的方法。

如果是写在页面内的 就一样快

如果是通过script src 或者 link 引入外部 js和css文件的 那就要看 文件大小，和你载入的设置了

很少我们会讨论到 js和css谁引入快的问题

如果一个css文件只有1K 而你引入一个JS的库 比如jquery 90K 你认为谁会快呢

其实只用注意css和js引入页面的位置就行了 不用管谁快谁慢

再补充一下：js和css文件数量，也是很重要的，在允许的情况下应尽量减少引入的css和js文件数量，也就是降低HTTP的请求次数，尽量能将需要合并的js或者css文件分别合并。