码迷,mamicode.com
首页 > 其他好文 > 详细

页面优化

时间:2015-07-19 21:23:01      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:

  1. 减少请求:

      图片合并:sprite图

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

 2. 降低文件大小

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

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

 3. 性能优化

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

     减少不必要的标签

     控制选择器长度

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

     为图片设置正确的宽高

     用css实现表现

 4. 可读性,可维护性 

     规范

     语义化

     尽量避免hack

     模块化

    注释

 

页面优化

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!