前端优化原则

web前端性能优化原则:

1、尽量减少HTTP请求次数
    |-合并css、js文件
    |-使用CSS Sprites减少图片请求,把所有背景图片都放到一张图里,通过background-position、background-image属性来显示图片的不同部分.
2、缓存Ajax请求结果
3、延迟一些不是必须的加载内容(如用户操作之后才会显示的内容或者一些折叠内容)
4、预加载(预先加载一些可能用到的内容)
    |-无条件加载:通过onload事件触发
    |-有条件加载:根据用户当前操作判断可能请求的内容
5、减少页面的DOM数量及其操作
    可以直接在ff的控制台键入document.getElementsByTagName('*').length;计算DOM数量
6、为文件头指定合适的Expires和Cache-Control(对静态内容设置Expires为Never Expires;对动态内容,使用恰当的Cache-Control值)
7、尽量使用Get发送Ajax请求(因为Post方式其实是分两步走的过程,先发文件头再发数据体;但Get有限制)
8、CSS文件放在<head>中,JS放在<body>后面
9、将HTML/CSS、JS和图片、Flash等媒体文件放置在不同的服务器上,实现平行下载
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值