前端性能优化

来源:互联网 发布:python 交易策略 模拟 编辑:程序博客网 时间:2024/06/14 17:26

这里写图片描述
雅虎35条军规:
浏览器宿主环境
A、突破单线程解析渲染阻塞限制
17、把样式表置于顶部
23、把脚本置于页面底部
另外1)针对不需要操作DOM的js脚本使用动态创建script的方式载入,动态载入不阻塞后续资源的加载。2)加上deder或async属性
B、利用事件冒泡特性(使用DOM2级事件注册)
C、避开cookie性能bug
8、根据域名划分页面内容 静态组件部署到不含cookie的域下
D、突破浏览器并发连接限制
34.使用CDN(内容分发网络)
HTTP层
A、减少HTTP请求次数
1、尽量减少HTTP请求次数
12、为文件头指定Expires或Cache-Control
14、配置ETag
19、使用外部JavaScript和CSS(可以被缓存)
30.避免图片src属性为空

B、减轻HTTP请求数据大小
13、Gzip压缩文件内容
24、剔除重复脚本
代码实现
单线程限制:利用异步回调&&多线程API(webwork)
优化循环结构体
合理使用设计模式
闭包内的引用类型的变量用完及时释放,避免造成内存泄露。
25、减少DOM访问
16、使用GET来完成AJAX请求

原创粉丝点击