什么序列应该用于执行javascript/jquery/CSS和其他HTML页面呈现控件？

Question

什么应该是快速加载网页的最佳实践。有什么重要的事情需要考虑？

Answer 1

1）压缩/缩小CSS和JS文件：压缩通过减小HTTP响应的大小来缩短响应时间。

2）将CSS放在最前面：将样式表移动到文档中HEAD元素有助于页面加载更快，因为这允许页面逐步呈现。

3）将Javascript放在最下面：JavaScript脚本阻止并行下载;也就是说，当脚本正在下载时，浏览器将不会启动任何其他下载。为了帮助页面加载更快，如果脚本是可延迟的，则将脚本移动到页面的底部。

4）减少DOM元素的数量：复杂的页面意味着需要下载更多的字节，这也意味着JavaScript中的DOM访问速度较慢。减少页面上DOM元素的数量以提高性能。

5）减少HTTP请求：减少页面上组件的数量可减少呈现页面所需的HTTP请求数量，从而加快页面加载速度。减少组件数量的一些方法包括：合并文件，将多个脚本合并成一个脚本，将多个CSS文件合并到一个样式表中，并使用CSS Sprites和图像映射。