高性能WEB开发4

4.1.11 减少域名DNS查找
资源下载,尽量避免采用域名解析用相对路径,如果要链接到其它web服务器,尽量采用IP变量的方式,而不是DNS域名找。
4.1.12 IE7下优化css选择器
IE7下css选择器对于样式的选择,虽然jquery也支持直接选择到样式class,但性能极差,且和DOM大小有关,原因是IE7没有提供getElementByClass函数,所以是遍历方式查找,性能差。
这样的情况下,可以先找到样式所在的父元素,再查找样式class。【此只针对IE7,IE8以上的浏览器不用关心】
4.1.13 不要出现请求不到的资源(404错误)
这个情况主要出现在css中,某个图片删除了,但css未删除。会导致不必要的下载,且返回404错误,导致性能差。
4.1.14 降低DOM大小
降低DOM大小,需要减少不必要的DIV,table的使用
平台ftl输出组件都是有选择的输出压缩后的组件html,兼顾可读性和DOM大小。
DOM的replaceWith函数用在局部刷新的DOM替换上,如果DOM结构比较大,绑定事件比较多,则局部刷新效率比较差。(IE7/IE8浏览器尤其明显)
4.1.15 避免用过多的滤镜能力
滤镜性能在IE下也很差,应该尽量避免。
4.1.16 大小合适的图片/避免人为缩小放大
图片大小要与实际显示大小效果尽量吻合,避免大图片,通过css控制宽度、高度等用在很小的区域。Icon图片尽量是16*16 或其整数倍大小。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值