减少加载时间
RTT 表示 Round-TripTime,即"往返时延",表示从发送端发送数据开始,到发送端收到来自接收端的确认(接收端收到数据后便立即发送确认),总共经历的时延。(物理时延)
js: 异步asyn (异步加载和执行),延迟defer(直到DOM加载完成(onload和DOMContentLoaded事件被触发之前))
// crossorigin 属性启用 CROS 检测。 跟xhr 请求一样。
减少HTTP请求:
- 避免空scr和href
- 图标做成大图
- 符号做成字体文件
图片:
- 图片压缩
- CDN(内容分发网络)
- 延迟加载
文件:
- link标签的dns-prefetch(预解析DNS)等属性
- gzip压缩
- js、css压缩
- css结构简单
- 避免重复
- 服务器渲染(客户端渲染google也能从内存中拉取数据)
缓存:
- 文件缓存(App cache)
使AJAX调用尽可能利用缓存特性