- 压缩css、js文件
- 合并css、js文件,减少http请求
- 外部css、js文件放在最底下
- 减少dom操作,尽可能用变量替代不必要的dom操作
第3条的原因:
因为浏览器渲染HTML文件是从上往下渲染的,即先执行head标签里的内容,再执行body标签里的,一行行渲染下去。无论当前js代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成。js执行过程耗时越久,浏览器等待响应用户输入的时间就越长,放在下面有优化效果。
第3条的原因:
因为浏览器渲染HTML文件是从上往下渲染的,即先执行head标签里的内容,再执行body标签里的,一行行渲染下去。无论当前js代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成。js执行过程耗时越久,浏览器等待响应用户输入的时间就越长,放在下面有优化效果。