javascript - 执行 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 和图像映射。