减少前端消耗部分规范(整理雅虎yslow)

yahoo yslow org

原址:https://developer.yahoo.com/performance/rules.html#num_http


1、减少http请求,整合icon使用背景图定位
2、文件上传至CDN
3、删除不必要代码注释等
4、压缩混淆引用文件
5、CSS放顶部,js放底部
6、不使用CSS表达式
7、减少JS和CSS在页面内书写,用外部引用
8、Ajax使用缓存,尽量使用GET请求
9、按需加载组件
10、减少DOM元素数量
11、减少使用iframe
12、减少使用404
13、保持Cookie大小尽可能低
14、避免使用CSS过滤器
15、不在HTML中缩放图像 100px*100px  等尺寸图片就可
16、Favicon.ico小于1K
17、避免空图像src
18、PC平台单张的图片的大小不应大于 200KB。移动平台单张的图片的大小不应大于 100KB。JPEG 图质量一般控制在60
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值