重构者不关关注代码本身 ， 也可以跳出代码看看视觉表现层 ， 如果确实对几像素看不出来 ， 可以截图放在psd上做对比 ， 这个方法很容易自己发现问题 ， 成本也比较低 。
在表格做网页时期 ， 图片和图标几乎都是单个的 ， 加载一张图片就是一次http请求 ， 服务器就要读取一次 ， 频繁的读取再加上大量的用户不断的访问 ， 很可能让服务器承受不起而挂机 。因此需要尽可能的减少http请求 ， 合并背景图是一个很有效的办法 。
通常背景图的输出质量百分比可以调在60-80% ， 对比较重要的icon、图片可以调为100%输出高质量图片 。在网页加载过程中 ， 或因为网速原因图片暂时没有加载出来而出现短时间空白 ， 建议给该区域预先定义好背景色 ， 以提示用户该区域是有内容的 。
鼠标停在图片上时 ， 适当的添加title或者alt ， 以方便用户在图片加载失败时可以知道这张图片是干什么用的 。
按需加载 ， 异步加载 ， 类似苹果官网上很多地方用到了异步加载 ， 好处是提高主要页面的加载速度 ， 用户需要的时候才加载其他附件页面 。
网站上线前压缩CSS和JS文件 ， 注意记得备份 。
【网页设计与重构那些事儿】
推荐阅读
- 网页设计制作教程
- 2016淘宝双十一活动商家报名时间与报名流程
- 如何去设计一个自适应的网页设计或html5
- 别再问我用什么网页设计软件了？
- 刺梨子与金樱子的区别 金樱子和刺梨子的区别
- 浅谈我国网页游戏发展现状与趋势
- 新手要知道的网页设计法则
- 产品必修课：网页设计的目的有哪些？
- 网站建设的内容管理与实现手段
- 小金樱子与大金樱子的功效区别 小金樱子与金樱子区别