|
$ S I9 F3 I9 F0 ^ k
题目点评页面优化的方法非常多，最好能够对这些优化方案进行分类，这些方案最好能够结合实际开发遇到的问题来表述优化的方案一、减少操作量尽量减少 HTTP 请求1) 合并文件，比如把多个 CSS 文件合成一个； 。 6 W% \- _! X+ X$ q; Y7 _
2) CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位； 不要在 HTML 中使用缩放图片缩放图片并没有减少图片的容量，只是控制了图片的大小Image压缩使用工具对图片进行压缩，保证质量的同时减少了图片的大小。 8 V `' S! o& W7 r& Z, a9 T1 m& ]8 P
减少对DOM的操作减少对DOM的操作，减少页面的重绘二、提前做加载操作对域名进行预解析例如京东的做法 。 & p- P( }- A& }& Q( P9 a
预载入组件或延迟载入组件把 CSS 放到代码页上端 CSS 放到最顶部，浏览器能够有针对性的对 HTML 页面从顶到下进行解析和渲染使用 new Image对象，对图片进行缓存三、提升并行加载切分组件到多个域 ，提升服务器的响应能力。
: o. }6 N8 B7 {6 A2 S/ |" P) h 四、JavaScript和CSS优化从页面中剥离 JavaScript 与 CSS剥离后，能够有针对性的对其进行单独的处理策略，比如压缩或者缓存策略精简 JavaScript 与 CSS 使用工具压缩JavaScript和CSS文件。
* A' T1 Z5 C- D( n 脚本放到 HTML 代码页底部减少对页面的阻塞。五、异步加载 使用Ajax实现异步加载，例如，滚动页面加载后面的内容，这种也比较常见。 ! L$ D) N& X: U- U8 P! \6 V3 Y0 H
3 O" y; K" l( a; B2 K T0 d' `: `
# @. v- Z# Y: B9 r
- N+ v' _% A5 V! ]' s' v; W: @ s( y7 w5 Y: J8 r+ r7 |
| 
