性能优化

服务器端
1. 减少网络请求
- 合并请求 js css
- 使用雪碧图
- 小图片使用base64编码
2. 使用分发网络 (CDN)
3. 适当的使用缓存
- 为静态资源添加expires、Cache-Control响应头
4. 启用Gzip压缩
5. 减少DNS查找(一个网站上不要使用太多域名)
6. 避免重定向(每次重定向至少花费50mm)
7. 配置有效的GTAG
8. 让ajax可以缓存
9. 尽快输出网页的第一个字节
- 尽快加载头部
- 并行 下载css
10. 使用无cookie域名加载静态资源
浏览器端
1. 把css放在heade部分加载
2. 把js放在body末尾
3. 不使用css表达式
4. 用外链的方式引用css、js
5. 压缩js 和css
6. 不重复加载js
7. 用get方式发起ajax请求
8. 组件延迟加载
9. 减少dom节点数 !!!!!
10. 避免使用ifream
11. 减少cookie体积
12. 减少js中的dom访问 (合理利用DocumentFragment , 不用js频繁修改样)
13. 使用常见的图片优化手段
14. 不要在html中缩放图片
15. 不要把图片的src 置空
16. 任何资源尽量在25k 以内

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值