页面优化

  1. 减少请求:

      图片合并:sprite图

      CSS文件合并:多个css文件合并为一个、少用css样式内联、避免使用import方式引入。

 2. 降低文件大小

     降低图片大小:选择合适的图片格式、压缩图片。

     降低css文件大小:css值缩写、省略值为0的单位、颜色用最短的形式表示、合并选择器、文件压缩。

 3. 性能优化

     link放到head标签JavaScript放到页面末端

     减少不必要的标签

     控制选择器长度

     慎用耗性能的属性:expression、filter、border-radius、box-shadow、gradient

     为图片设置正确的宽高

     用css实现表现

 4. 可读性,可维护性 

     规范

     语义化

     尽量避免hack

     模块化

    注释

原文地址:https://www.cnblogs.com/Eyrum/p/4659436.html