为何要举行页面优化？

1. 更快：页面加载更快，客户感知更快;

2. 更易于浏览：易于搜索引擎抓页面重点，易于瞽者浏览;

3. 更易于保护：易于本身和同事后期读懂、定位、修正和扩大代码.

怎样举行页面优化

html

• 语义化

• 加载递次:css放head内里(用户看到顺畅页面)，js放尾部（会壅塞dom衬着，且dom树没搭建好时，js内里的dom操纵会有题目）

• 削减页面要求：兼并img,兼并css，防止运用@import体式格局引入css文件

• 削减文件大小：

  • 重要削减img文件大小，选用适宜的花样而且用东西举行紧缩(ImageOptim,ImageAlpha,JPEGmini)

  • 删除不必要的标签

css

• 选择器：越简朴越短越好,一样的款式举行选择器兼并

• css值缩写：margin等，值为0的省略单元,

• 削减文件大小:YUI Compressor,cssmin

• 罕用耗机能的属性:expresion,border-radius,filter,box-shadow,gradients等

• 图片设置宽高，不要缩放，削减浏览器的回流和重绘。

• 一切表现用css完成

• 模块化

• 定名范例、语义化

• 只管削减hack

javascript

• 页面懒加载

• 罕用dom操纵

加解释