关于页面优化,js优化、css优化策略

本文介绍了一系列前端性能优化的方法,包括代码压缩、减少DOM操作、合理使用CSS及JavaScript、图片资源优化等方面,帮助开发者提高网站加载速度和用户体验。

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

1)对上线js、css进行压缩,因为压缩的时候首先会去掉换行,所以js代码需要非常严格,如代码结尾的";"不能省略等
  2)如果大字符串进行链接需要写成数组,然后push,最后用join('')方法
  3)避免频繁操作DOM节点,先在内存中做字符串连接等操作,最后一次操作DOM
  4)绑定方法执行完以后记得阻止冒泡,要不然会在IE下可能会很慢(在节点复杂,并且在body中绑定事件的时候)
  5)避免使用with、eval等影响性能的方法
  6)避免使用 CSS Expressions、减少CSS Filter
  7)小icon图标放到一张图片中,通过不同的positon来定位不同的icon(这样能够减少http请求)
  8)减少使用全局变量
  9)通常情况下css样式放在头部、js文件写在文件尾部
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值