面试之----前端不同部分的优化方式

网页内容:
1、 减少HTTP请求
2、 减少DNS查询次数
3、 避免页面跳转
4、 使用延迟加载
5、 异步请求 Ajax
6、 提前加载
7、减少DOM元素数量
8、根据域名划分内容
9、 减少Iframe数量
10、 避免404

服务器:
使用CDN托管
添加Expires或Cache-Control报文
Gzip压缩传输文件
配置Etags
尽早flush输出
使用get Ajax请求
避免空的图片src

cookie
减少cookie大小
页面内容使用无cookie域名

CSS
将样式表置顶
避免CSS表达式
使用代替@import
避免使用fliters

JavaScript

将脚本置地
使用外部js ,css文件
精简js,css
去除重复脚本
减少dom访问
使用智能事件处理

图片
优化图像减少css Sprite
不要在HTML中缩放图片
使用小且可缓存的favicn ico

移动客户端
保持单个内容小于25kb
打包组建成复合文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值