减少加载时间


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也能从内存中拉取数据)
缓存: