网站性能优化(一)

182 阅读1分钟

1、关键渲染路径 JavaScript -> style -> layout -> Paint -> Composite

所有使得路径返回或者重新操作的行为,都会影响浏览器的渲染性能,就需要避免这些行为的代码出现。

2、几点优化方式

2.1 使用媒体查询引入css

2.2 外部字体下载到本地

2.3 css压缩

2.4 js使用异步加载,放到body的最底端

2.5 变量定义不要放到for循环里面,防止强制同步布局

2.6 使用http缓存Cache-Control

2.7 图片压缩

2.8 文件压缩

2.9 预加载js

2.10 提出在for循环中,重复查找DOM的代码

2.11 学习chrome 的Performance 不要出现红色提示

接下来会分享更详尽的优化内容,也希望大家一起分享