前端性能优化总结(简略)

静态资源优化

这方面主要是减少静态资源的加载时间 减少http请求的数量和时间上来考虑

• 合并压缩css、js文件，制作雪碧图 压缩图片：减少http的请求次数，节省网络请求时间
• 静态资源cdn分发：客户端可以通过最佳的网络链路加载静态资源
• 静态资源缓存机制，从而减少不必要的请求
• 减少DNS的搜索时间 这个在前端处理的少一些

接口访问优化

这个主要还是要从服务端入手，node必不可少

• 首屏采用服务端渲染 可以使用node做到前后处理都用js语言
• 使用node来实现基于代理服务的接口合并方案 从而也减少了http请求

页面渲染速度的优化

网页的一些约定速成的优化，但实际效果可能并不明显

• css放在顶部 实现优先渲染
• js放在页面底部 从而避免阻塞
• 恰当的DOM结构 从而减少DOM元素的数量 减少DOM树的复杂度
• img标签设置宽高，避免回流和重绘的影响(先有占位)
• React和Vue等框架中虚拟DOM的渲染方案，减少了dom的开销