前言

在开发中为了紧赶项目进度而未去关注性能的问题,在项目逐渐稳定下来后发现性能令人感到有点忧伤,于是开始去关注这方面,本篇为记录在开发中遇到的问题并解决,不喜勿喷。注意:以下问题都是在移动端上出现,无法确定在网站中是否也同样会出现。

卡顿问题

 

请求方式

项目属于移动端,在手机上查看某一列表时并进行向下滑动时经常性卡顿问题,滚动的插件采用的是iscroll,当然怀疑是不是这个插件问题,但是很快就排除了这个问题,在其他页面未出现这个问题,后来接着想因为在脚本中进行Ajax请求超时时间设置为30秒,是不是有可能请求接口耗时导致的呢,

经过测试并查看日志文件也不是这个问题,于是我开始查看写的脚本文件,吓我一跳,在请求获取数据列表时,请求方式居然写的POST,这是同事所为,我改为GET后这样的问题得到了大大的改善,我询问同事为什么用POST而不用GET,他说了一句进行GET请求有问题出现错误,这时我才明白他指的是什么,在MVC中在进行GET请求获取JSON数据时,需要进行如下设置:

return Json("",JsonRequestBehavior.AllowGet);

建议:在进行Ajax请求时,是什么请求方式,请采取对应的方式来进行请求,要不然给出其他请求方式干嘛,吃饱了撑着吗!

路径问题

通过上述请求方式改善后问题得到一定的改善(评论也有指出不是这个导致快慢的问题,同意评论观点,应该是其他原因导致,还是觉得对应的请求采取对应的方式才是),但是还是存在问题,我们继续查看脚本,我们可能会经常这样做:我们将需要用到的一些脚本方法,比如格式日期转换,获取cookie等封装在一个公用脚本中来方便调用。下面我们进行演示下。

在脚本中进行请求时我们一般进行如下:

$(function () {

type: 'get',

url: "/home/Info",

data: {},

success: function () { },

dataType: "application/json"

});

});

但是同事却是这样做的,将请求路径写在公用脚本中如下:

var path = "/"

此时我们的请求就变成了这样:

$(function () {

$.ajax({

type: 'get',

url: path + "home/Info",

data: {},

success: function () { },

dataType: "json"

});

});

这样写肯定没错,但是事实时当我们改成了第一种时效率马上提上来了,而用第二种方式时会请求很长时间,方式不同,但是貌似没什么区别,至于原因我也不明白,为什么如同事那样写不行。

建议:当进行请求时,请直接写路径而不要上述那样,有时候在你看来,方式一样,却导致了不同的结果。

至此也就大致上解决了在手机上滑动时卡顿的问题,当然也不排除脚本写的有问题的情况。

缓存问题 

 

在页面请求时为了那些不会改变的脚本或者数据从而加快页面加载速度,我们通常使用缓存来解决。

脚本、样式缓存

在进行请求时,有些不会改变的脚本我们需要进行缓存,而不是每请求一次而又重新加载一次,当然此时就有人想到了怎么样去缓存脚本的问题,比如如下:

<script src="~/Scripts/video.js?2016040901"></script>

在脚本文件后加上一段数字就ok了,是的确实是这么简单,当我们对脚本文件进行了修改再去改变下后面的数字即可,但是你有没有想过,如果项目中脚本文件多的数不胜数而且一旦你修改了大量的脚本文件,你还去页面中进行大量的更改,你不累吗,反正我会累死。

而我想到的是将那些一些引入的脚本在后面直接加上数字肯定是没问题,因为这样的脚本我们基本不会去动了,例如引入jquery脚本(有些人可能会钻空子了,去修改也是有可能的),好吧,那我们统一一点诺:我们在配置文件中可以将其后面的数字作为我们去要修改的脚本,当我们修改了脚本直接改变配置文件中的版本不就得了,这样方便管理,一劳永逸,何乐而不为。我们下面来看看。

(1)我们在配置文件中添加修改的脚本版本(当然你可以随便写一串数字,下次修改了脚本直接改变其数字即可)

<add key="version" value="2016040901"/>

(2)接着我们写一个HtmlHelper的扩展方法,如下:

public static class FileHtmlHelper

{

private static readonly string s_version = ConfigurationManager.AppSettings["version"].ToString();

private static readonly string s_root = HttpRuntime.AppDomainAppPath.TrimEnd('\\');

public static MvcHtmlString RefFileHtml(this HtmlHelper htmlHelper, string path)

{

string filePath = s_root + path.Replace("/", "\\");

return new MvcHtmlString(string.Format("<script type=\"text/javascript\" src=\"{0}?{1}\"></script>\r\n", path, s_version));

}

}

(3)此时我们在MVC视图页面进行如下调用脚本:

@Html.RefFileHtml("/Scripts/video.js")

这样我们就解决了脚本缓存以及方便管理的问题。

建议:在进行脚本缓存为了方便管理可以通过配置文件读取修改的版本进行管理脚本文件的缓存。样式缓存也是如此。

页面输出缓存 

在MVC中我们可以对Action缓存,如下:

[OutputCache(Duration = 30)]

public ActionResult Cache()

{

return View();

}

那要是当我们有参数来达到缓存时,又该如何做呢?直接对整个页面所有请求的参数进行缓存,如下:

[OutputCache(Duration = 30,VaryByParam="*")]

public ActionResult Cache()

{

return View();

}

此上对JsonResult也是如此,当我们通过参数来筛选不变的列表时,此时我们完全可以将其进行缓存,此时我们明确的参数类型也就是自定义缓存。

我们通过配置文件来进行配置即可,如下:

<caching>

<outputCacheSettings>

<outputCacheProfiles>

<add name="customProfile" duration="900" location="Server" varyByParam="UserId" />

</outputCacheProfiles>

</outputCacheSettings>

</caching>

在上述还有许多参数供你选择,选择你需要的缓存参数即可。

在控制器中我们只需添加自定义缓存名称即可:

[OutputCache(CacheProfile="customProfile"]

public JsonResult Info()

{

return Json(new { result = "ok" }, JsonRequestBehavior.AllowGet);

}

注意:上述caching节点是位于system.Web节点下,而非system.webServer节点下。

配置文件修改以及其他

(1)删除不需要的httpModules,如下:

<httpModules>

<remove name="Session"/>

<remove name="RoleManager"/>

<remove name="PassportAuthentication"/>

<remove name="Profile"/>

<remove name="ServiceModel"/>

</httpModules>

(2)由于利用表单验证,也可以删除如下httpModules

<httpModules>

<remove name="WindowsAuthentication"/>

<remove name="FileAuthorization"/>

</httpModules>

(3)在IIS上启用压缩,压缩响应结果减少网络传输时间。

苹果日期问题注意

当数据进行数据库存储时发现在安卓上存储成功,而在苹果上存储失败,这个问题纠结了很久,并查看日志文件最终发现苹果上对日期有特殊的格式传递,否则为空,于是利用js中的replace方法来进行替换。

date.replace("-", "/");

此时发现利用replace方法只能替换第一个横线,最终采用正则表达式全部替换并解决

date.replace(/-/g, "/");

注意:在苹果上日期进行传递时必须是如"2016/04/09"而不能为"2016-04-09"。

结语

部分参考来源:《不修改代码就能优化ASP.NET网站性能的一些方法》

通过对问题的出现以及解决花费了一点时间,最终使得在手机上请求数据耗时得到大大的改善、页面加载的速度提高了许多以及滑动数据顺畅而由此告一段落。

有些细小的问题平时不太注意,感觉各种方式都能实现,殊不知这样做的结果是否是一样,实现的结果一样,但是呈现出的效果却是天壤之别,实际开发中发现一些小的细节对整个项目的成败是多么的重要。

ASP.NET MVC性能优化(实际项目中)的更多相关文章

  1. ASP.NET MVC性能优化工具 MiniProfiler

    ASP.NET MVC性能优化工具 MiniProfiler 2014年04月19日 ⁄ ASP.NET ⁄ 共 1159字 ⁄ 字号 小 中 大 ⁄ 暂无评论 ⁄ 阅读 325 views 次 MV ...

  2. asp.net mvc 性能优化——(1)静态化

    asp.net mvc 性能优化--(1)静态化 在改善页面性能的同时,可能会采用静态化的策略,对于不能实时静态化的内容,则采用缓存.本文主要讨论如何实现cshtml的静态化(实际上还不是完全的htm ...

  3. Asp.net mvc web api 在项目中的实际应用

    Asp.net mvc web api 在项目中的实际应用 前言:以下只是记录本人在项目中的应用,而web api在数据传输方面有多种实现方式,具体可根据实际情况而定! 1:数据传输前的加密,以下用到 ...

  4. 记一次ASP.NET MVC性能优化(实际项目中)

    前言 在开发中为了紧赶项目进度而未去关注性能的问题,在项目逐渐稳定下来后发现性能令人感到有点忧伤,于是开始去关注这方面,本篇为记录在开发中遇到的问题并解决,不喜勿喷.注意:以下问题都是在移动端上出现, ...

  5. 【转】记一次ASP.NET MVC性能优化(实际项目中)

    前言 在开发中为了紧赶项目进度而未去关注性能的问题,在项目逐渐稳定下来后发现性能令人感到有点忧伤,于是开始去关注这方面,本篇为记录在开发中遇到的问题并解决,不喜勿喷.注意:以下问题都是在移动端上出现, ...

  6. oracle性能优化(项目中的一个sql优化的简单记录)

    在项目中,写的sql主要以查询为主,但是数据量一大,就会突出sql性能优化的重要性.其实在数据量2000W以内,可以考虑索引,但超过2000W了,就要考虑分库分表这些了.本文主要记录在实际项目中,一个 ...

  7. ASP.NET MVC 4新建库项目中找不到 System.Web.Security 的引用

    .NET 4中,WebSecurity的引用已经不再System.Web中,而是转移到了System.Web.ApplicationServices Dll中,添加该Dll即可.

  8. mvc性能优化

    mvc性能优化 (1)移动设备卡顿问题 -1请求方式 在mvc中GET请求有问题,出现错误 在MVC中在进行GET请求获取JSON数据时,需要进行如下设置: return Json("&qu ...

  9. (摘录)26个ASP.NET常用性能优化方法

    数据库访问性能优化 数据库的连接和关闭 访问数据库资源需要创建连接.打开连接和关闭连接几个操作.这些过程需要多次与数据库交换信息以通过身份验证,比较耗费服务器资源. ASP.NET中提供了连接池(Co ...

随机推荐

  1. CSS:列表样式(设置列表项的标志图案/位置)

    通过CSS 列表属性能够放置.改变列表项标志.或者将图像作为列表项标志. 代码整理自w3school:http://www.w3school.com.cn 效果图: watermark/2/text/ ...

  2. 五分钟学会 Kotlin 语法

    为什么使用Kotlin 项目一期在收尾了终于有时间折腾了,一个多月以来Kotlin从入门到现在,坚持用来开发的切身感受.因为语法与Java的区别挺大的一开始很想放弃,如果不是因为项目在使用,想必很少人 ...

  3. Linux学习笔记—Linux磁盘与文件系统管理(转载)

    认识EXT2文件系统 文件的系统特性 Linux的正规文件系统为Ext2 文件数据除了文件实际内容外,还包括其他属性(文件权限.文件属性). 文件系统将这两部分数据分别存放在不同的块,权限和属性放在i ...

  4. 第一个Python程序(Day3)

    一    Python 解释器执行Python程序的过程   eg:python3 C:\ test.py 1.启动python解释器 (内存中) 2.将C:\ test.py中的内容从硬盘读入内存 ...

  5. iOS数据存储到本地的几种方法

    A,归档解档(多针对于模型或者数组,利用MJExtension) 1,先在model里的.m文件写上MJCodingImplementation 2,再进行模型归档: #define APP_DOCU ...

  6. ZooKeeper的使用:安装、常用的命令

    公司项目需要使用dubbo,因此,自己做个小Demo就很有必要了,也有助于自己理解和使用,前期准备工作当然就必不可少了,因为dubbo是发布到zookeeper的服务,故先把zookeeper的环境先 ...

  7. HDU - 4407 Sum (容斥)

    题意:初始序列[1..N](1<=N<=4e5),支持两种操作:1.求区间[x,y]内与p互素的数之和: 2.将x位置的数变为c. 分析:很容易把人骗到线段树的思维中,而实际上操作2单点的 ...

  8. 笔记——Springboot response、ServletOutputStream、图形验证码显示慢

    今天遇到一个图形验证码加载很慢的问题,大概耗时有200~500毫秒左右. 根据追踪,图形验证码图片生成耗时0~1毫秒,而response.getOutputStream.write()将图片写入前台页 ...

  9. linux 搭建 nexus maven私服仓储

    一.下载 1.创建下载软件包目录  mkdir /home/install 2.在/home/install下载nexus包,或者将下载好的nexus压缩包上传至/home/install wget ...

  10. [转]浅谈Hive vs. HBase 区别在哪里

    浅谈Hive vs. HBase 区别在哪里 导读:Apache Hive是一个构建于Hadoop(分布式系统基础架构)顶层的数据仓库,Apache HBase是运行于HDFS顶层的NoSQL(=No ...