一、尽量减少HTTP请求次数
1.合并js
2.合并css
3.图片sprite
二、延迟加载内容
1.图片懒加载
2.数据懒加载(点击查看更多)
3.功能懒加载(曝光或者点击后加载html模块、js功能模块)
三、使用离线缓存
把常用的变动又少的js、css、图片存储到localstorage,第二次访问的时候直接走本地缓存。在移动端使用广泛。
四、CSS、JS放置正确位置
1.把css放在head中,保证页面看到的时候样式是对的。
2.把js放到body里最后位置,防止加载js阻塞页面。
五、静态资源压缩
图片、CSS、JS在发布前要压缩。
六、静态资源使用多个域名
对于图片、CSS、JS,可使用几个域名,可以并发加载。
七、静态资源使用cdn存储
用户与你网站服务器的接近程度会影响响应时间的长短。 可以把静态资源放到内容分发网络(Content Delivery Network,CDN)中加快访问速度。
八、预加载
在某个功能还没展现时,在空闲时间预先加载相关图片或者js代码
九、DOM操作优化
1.使用JavaScript访问DOM元素比较慢,因此为了获得更多的应该页面,应该做到:
2.缓存已经访问过的有关元素
3.线下更新完节点之后再将它们添加到文档树中
避免使用JavaScript来修改页面布局
十、优化算法
在js处理中优化查找、排序算法。尽量少使用嵌套循环。
1.使用事件代理