性能优化-有关Web性能优化的十种方法(面试题)

1. 压缩源码和图片(js采用混淆压缩,css进行普通压缩,jpg图片根据具体质量压缩为50%到70%,png用来源软件压缩24色变成8色,去掉一些png格式信息等) 
2. 选择合适的图片格式(颜色数多用jpg,颜色少用png,如果能通过服务器端判断浏览器支持WebP就用WebP或SVG格式) 
3. 合并静态资源(减少HTTP请求) 
4. 把多个css合并为一个css,把图片组合成雪碧图
5. 开启服务端的Gzip压缩(对文本资源非常有效,对图片也没那么大压缩率) 
6. 合并静态资源(减少HTTP请求) 
7. 使用CDN(对公开库,能和其他网站共享缓存)
8. 延长静态资源缓存时间  
9. 把css放页面头部,js放底部(这样不会阻塞页面渲染,让页面出现长时间的空白) 
10. 对于较大的文本资源,必须开启gzip压缩
标签:
性能优化
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值