js性能优化技巧

146 阅读 0 评论 97 点赞

我是靠谱客的博主野性冬瓜，最近开发中收集的这篇文章主要介绍js性能优化技巧，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

性能优化：简而言之，就是在不影响系统运行正确性的前提下，使之运行地更快，完成特定功能所需的时间更短

http:超文本协议

它的最上层是应用层传输层网络层物理层
请求信息：请求行请求头空行消息体
响应信息：状态行和状态码

使用值类型的ToString方法：

在连接字符串时，经常使用"+"号直接将数字添加到字符串中。这种方法虽然简单，也可以得到正确结果，但是由于涉及到不同的数据类型，数字需要通过装箱操作转化为引用类型才可以添加到字符串中。但是装箱操作对性能影响较大，因为在进行这类处理时，将在托管堆中分配一个新的对象，原有的值复制到新创建的对象中。使用值类型的ToString方法可以避免装箱操作，从而提高应用程序性能。

尽量选择html控件：

能在客户端实现的功能就在客户端实现(熟练掌握JavaScript)，减少服务器的压力。数据控件选择顺序：Repeater、DataList、DataGrid。

在建立数据库连接后只有在真正需要操作时才打开连接，使用完毕后马上关闭，从而尽量减少数据库连接打开的时间，避免出现超出连接限制的情况。

字符串操作性能优化

(1) 使用值类型的ToString方法。

在连接字符串时，经常使用"+"号直接将数字添加到字符串中。这种方法虽然简单，也可以得到正确结果，但是由于涉及到不同的数据类型，数字需要通过装箱操作，转化为引用类型才可以添加到字符串中。但是装箱操作对性能影响较大，因为在进行这类处理时，将在托管堆中分配一个新的对象，原有的值复制到新创建的对象中。使用值类型的ToString方法可以避免装箱操作，从而提高应用程序性能。

(2) 运用StringBuilder类

String类对象是不可改变的，对于String对象的重新赋值在本质上是重新创建了一个String对象并将新值赋予该对象，其方法ToString对性能的提高并非很显著。在处理字符串时，最好使用StringBuilder类，其.NET 命名空间是System.Text。该类并非创建新的对象，而是通过Append，Remove，Insert等方法直接对字符串进行操作，通过 ToString方法返回操作结果。

避免到服务器的不必要的往返过程

使用Page.IsPostBack避免对往返过程执行不必要的处理。
虽然您很可能希望尽量多地使用Web窗体页框架的那些节省时间和代码的功能，但在某些情况下却不宜使用 ASP.NET 服务器控件和回发事件处理。通常，只有在检索或存储数据时，您才需要启动到服务器的往返过程。多数数据操作可在这些往返过程间的客户端上进行。

压缩js

js在页面中调用的大小写要保持一致，免得缓存了不同的文件，页面的js可以的话，写成单位的文件进行调用。图片少用jpeg，使用gzip对网页进行压缩. 加快页面展示速度。

把调用js，尽量写在页面底部，还有viewstate 状态也可以重写到页面低部，也可以把viewstate进行压缩。条件是viewstate必要要用的情况之下。