以前的老大说过一句话,一个页面谁都能做。关键是谁能做好,一个好是很关键的,首先是细节处理的好,性能优化的好。性能优化越来越重要,尤其是终端设备越来越普及的今天,我也看了好多这方面的资料,总结一下有以下几条:
1> 减少http请求数(减小css,js和图片的数量,据资料说明相同网速的情总下100kb的图片的下载要比两个50kb的速度要快)
2> 减少浏览器重绘和重排的次数(重绘会由改变元素的样式如颜色visibility,重排是改变元素的几何属性(宽高)或者是增加或都是移除dom节点)
3> 尽量减小dom操作(js和html的每次交互都要消耗一些性能)
4> 使用css 雪碧和压缩图片或者懒加载
5> 使用cdn分发
6> 高效使用html标签和css
7> 减小css和JS(压缩工具压缩)
8> css放页面头部JS放在底部(因为JS是单线程会造成阻塞)
9> html里相同标签的属性顺序相同