JSDOM编程艺术-ch5-向后兼容&性能考虑

本文探讨了前端开发中提升网页性能的方法,包括减少DOM访问、合并脚本文件、压缩JavaScript代码等,旨在改善用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

向后兼容

方案一:对象检测(增加一行:如果document.方法不存在,就return false

方案二:浏览器嗅探browser sniffing,风险大(浏览器提供信息不真实;嗅探脚本变复杂;浏览器版本号要求严格,脚本修改多)

 

 

性能考虑

1.尽量少访问DOM和尽量少减少标记(取得类似元素的函数进行合并重构,尽量减少遍历DOM树的次数;减少不必要的标记以减少DOM树的规模)

2.合并和放置脚本(减少加载页面时发送的请求数量;一般地,浏览器每次从同一个域名中最多只能同时下载两个文件,这期间不会下载其他任何文件,可以放在文档末尾</body>之前,并通过windowonload进行操作需要的加载方式)

3.压缩脚本(把脚本中不必要的字节,如空格和注释,通通删除,或者使用更短的变量名等;可以使用两个版本,一个工作副本用于修改代码,并添加注释,一个精简副本放在服务器端命名添加min;常用的代码压缩工具:Douglas CrockfordJSMin;雅虎的YUI Compressor;谷歌的Closure Compiler

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值