性能

关键渲染路径

  • 浏览器将HTML,CSS,JavaScript转换为屏幕上所呈现的实际像素,这期间所经历的一系列步骤, 叫做关键渲染路径(Critical Rendering Path)。

参考 1

网页性能优化方法 ?

网页内容 服务器 cookie js
减少http请求次数 使用CDN 减少cookie大小 脚本置底
减少DNS查询次数 添加Expires、cache-control报文头 使用无cookie域名 使用外部脚本
避免页面跳转 配置Etags 图片 精简代码
缓存ajax 使用Gzip压缩传输文件 图片优化 去除冗余代码
延迟加载 尽早flush输出 使用CSS sprite 减少DOM访问
预加载 避免空的图片src 避免在html缩放图片
减少DOM元素数量 CSS
根据域名划分内容 样式表置顶
减少iframe 避免CSS表达式
避免404

参考: 1 配置ETag

最近更新: 9/13/2020, 10:47:04 PM