前端页面加载性能优化的方案

1.资源体积优化

图片

2.缓存策略优化

http缓存 强缓存  协商缓存

3.网络传输优化

http版本 cdn加速 

4.渲染性能优化

css加载方式  避免内联  js 加载方式  减少重排reflow  重绘 repaint 

5.第三方资源优化

• CSS 不会直接阻塞 DOM 树的解析
• CSS 会阻塞页面渲染（DOM 渲染）
• 同步的时候CSS 会阻塞 JavaScript 执行 → 间接阻塞 DOM 解析
• 原因：只有同步的时候
•  JS 会阻塞 DOM 解析（因为 JS 可以修改 DOM/CSS）；
• CSS 会阻塞 JS 执行（因为 JS 可以获取样式）；