前端性能优化
内容方面:
- 减少 HTTP 请求 (Make Fewer HTTP Requests)
- 减少 DOM 元素数量 (Reduce the Number of DOM Elements)
- 使得 Ajax 可缓存 (Make Ajax Cacheable)
针对CSS:
- 把 CSS 放到代码页上端 (Put Stylesheets at the Top)
- 从页面中剥离 JavaScript 与 CSS (Make JavaScript and CSS External)
- 精简 JavaScript 与 CSS (Minify JavaScript and CSS)
- 避免 CSS 表达式 (Avoid CSS Expressions)
针对JavaScript :
- 脚本放到 HTML 代码页底部 (Put Scripts at the Bottom)
- 从页面中剥离 JavaScript 与 CSS (Make JavaScript and CSS External)
- 精简 JavaScript 与 CSS (Minify JavaScript and CSS)
- 移除重复脚本 (Remove Duplicate Scripts)
面向图片(Image):
- 优化图片
- 不要在 HTML 中使用缩放图片
- 使用恰当的图片格式
- 使用 CSS Sprites 技巧对图片优化