在开发好页面后,如何让页面更好更快的运行
从前端的角度来看,性能可以分为两个方向
从用户角度来看,一个是页面加载的很快,另一个是页面使用起来非常流畅
输入了url
浏览器开始解析>查询本地缓存>dns解析>建立连接>服务器处理>服务器响应>客户端收到响应>解析html>然后开始渲染页面>用户可以进行交互>加载完成
1.尽量减少http的请求
合并图片,合并css,js
2.使用CDN
3.为文件头指定Expires或Cache-Control,使内容 具有缓存性
为了避免以后再次发送http请求
4.避免空的src,和href
5.gzip进行压缩
6.css放在头部
对于内容偏多和网速过慢的用户非常重要
7.减少dns的查询次数
8.使用AJax的时候,如果对安全性要求不高的时候,url小于2k时,使用get,post分两步走,先发送文件头,在发送数据。
9.预加载,懒加载
10.避免重定向,因为会发出两次请求
11.采用事件委托,冒泡原理