前端性能优化

一)内容层面
1、DNS解析优化(DNS缓存、减少DNS查找、keep-alive、适当的主机域名)
2、避免重定向(/还是需要的) 使用ajax 当请求成功的时候 需要重定向 到另一个页面
3、切分到多个域名 页面类:html、htm等 样式类: js、css等图片类: jpg、png、gif等 动态类:php、asp等
4、杜绝404 404错误页面

二)网络传输阶段
1、减少传输过程中实体的大小
1)缓存 localstorage
2)cookie优化 以用户的形式来缓存
3)文件压缩(Accept-Encoding:g-zip)

2、减少请求的次数
1)文件适当的合并
2)雪碧图 背景精灵图

3、异步加载(并发,requirejs)
4、预加载、延后加载、按需加载 也就是懒加载

三)渲染阶段
1、js放底部,css放顶部
2、减少重绘和回流 重绘 jsdom操作添加样式 回流js改变样式
3、合理使用Viewport 等meta头部
4、减少dom节点 减少dom结构
5、BigPipe 发送一次请求,多次返回数据

四)脚本执行阶段
1、缓存节点,尽量减少节点的查找 缓存全局变量为局部变量
2、减少节点的操作(innerHTML) 减少dom操作
3、避免无谓的循环,break、continue、return的适当使用
4、事件委托

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容