您好,欢迎来到第一分类目录!
当前位置:第一分类目录 » 站长资讯 » SEO优化 » 文章详细

即刻提升jQuery性能的十个技巧

来源:网站目录 浏览:624次 时间:2013-11-01

本文提供即刻提升你的脚本性能的十个步骤。不用担心,这并不是什么高深的技巧。人人皆可运用!

这些技巧包括:

使用最新版本

合并、最小化脚本

用for替代each

用id替代class选择器

给选择器指定前后文

建立缓存

避免dom操作

避免使用concat(),利用join()处理长字串

返回false值

利用小抄和参考文档

1. 使用最新版本

jquery一直处于不断的开发和改进过程中。 john 和他的团队不断研究着提升程序性能的新方法。

一点题外话,几个月前他还发布了sizzle,一个据说能在firefox中把程序性能提升3倍的js选择器库。

如果你不想时刻关注是否有新版本,然后再花时间下载上传,google 就又能帮你一把了。他们的服务器上存储了大量ajax库供您选择。

编辑按:另一个更为简单快速的方法是直接使用脚本链接。如果要使用特定版本的jquery,你可以使用上面的方法;如果想直接使用最新版,下面这句代码就够了:

笨活儿:特定版本的还可以这样加载:

2. 合并、最小化脚本

大部分浏览器都不能同时处理多个脚本文件,所以它们都是排队加载——加载时间也相应地延长了。

考虑到你网站的每个页面都会加载这些脚本,你应该考虑把它们放到单个文件中,然后利用压缩工具(比如 dean edwards 的这款)把它们最小化。更小的文件无疑将带来更快的加载速度。

javascript和css压缩的目的是在保持脚本的执行性能的同时,减少数据传递的字节数(可以通过减小原始文件,也可以利用gzip。大多数产品级的网络服务器都把gzip作为http协议的一部分)。

— 引自 yui compressor,一款 jquery官方推荐的压缩脚本的工具。

关键词排名优化

推荐站点

  • 波纹补偿器波纹补偿器

    巩义市润达管道专业生产销售波纹补偿器,不锈钢波纹补偿器等产品,波纹补偿器系列产品规格齐全,可按需定制,质量可靠,售后有保障,润达管道补偿器因尺寸精准、性能出色、品质优良,应用越来越为广泛,专业成就未来,品质决定效益,期待与您真诚合作.

    www.rtdbcq.com
  • 健康养生网健康养生网

    365健康网是专业的健康养生网,提供冬季养生,养生之道,养生保健,两性健康,女性健康,男性健康,四季养生,大众养生,健康减肥,美容养生,健康饮食等健康养生知识,走健康之路、行养生之道、享健康生活,就来365健康网!

    www.dhdly.com
  • 伸缩接头伸缩接头

    巩义市润达管道设备制造有限公司专业生产各种传力接头、伸缩接头、伸缩器、防水套管、补偿器等产品,并为您提供优质的产品售后服务,备有大量现货,想了解有关传力接头和伸缩接头价格相关信息咨询:0371-64031789;0371-64030292

    www.rtd1688.com
  • 刚性防水套管刚性防水套管

    巩义市润达管道设备制造有限公司是专业的防水套管厂家,备有大量现货,防水套管价格咨询:0371-64031789;0371-64030292,主要产品有:柔性防水套管,刚性防水套管,02s404防水套管等。

    www.rtdzz.com
  • 橡胶接头橡胶接头

    橡胶接头/橡胶软接头咨询电话13523716887,创伟机械专业生产橡胶接头、橡胶软接头、可曲挠橡胶接头、鸭嘴阀、橡胶鸭嘴阀、橡胶止回阀、橡胶柔性接头、橡胶伸缩节、橡胶补偿器等产品,网址:http://www.hncwgd.com/

    www.hncwgd.com