前言

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

卡顿问题

 

请求方式

项目属于移动端,在手机上查看某一列表时并进行向下滑动时经常性卡顿问题,滚动的插件采用的是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. 我的Android进阶之旅------>android如何将List请求参数列表转换为json格式

    本文同步发表在简书,链接:http://www.jianshu.com/p/395a4c8b05b9 前言 由于接收原来的老项目并进行维护,之前的http请求是使用Apache Jakarta Com ...

  2. 收藏:几种开源许可证的区别!——By 阮一峰制作

    乌克兰程序员Paul Bagwell,画了一张分析图,下面是阮一峰制作的中文版,非常棒,绝对的好东西,收藏这张图供日后查看:

  3. android studio 中类似VS的代码折叠功能Region

    1. 打开android studio 2. 选择要折叠的代码 3. 按Ctrl + Alt + T 选择 “region .. end region comments” Group selectio ...

  4. golang SQLite3性能测试

    SQLite是个小型的数据库,很简洁,即支持文件也支持内存,比较适合小型的独立项目,在没有网络的时候做一些复杂的关系数据存储和运算. 为了考察性能做10M(1000万)条记录的测试,测试机4CPU.8 ...

  5. js使用经验之谈

    1.  js 对象,先有的起作用.CSS属性,后有的起作用. 2. 方法中使用submit提交表单,如果提交后面还有代码需要执行,不能保证顺序.例如,提交后关闭页面,很可能会在提交前关闭页面,导致提交 ...

  6. spring配置中classpath: 与classpath*:的区别

    classpath和classpath*区别:  classpath:只会到你的class路径中查找找文件. classpath*:不仅包含class路径,还包括jar文件中(class路径)进行查找 ...

  7. Python3:Django连接Mysql数据库时出错,'Did you install mysqlclient or MySQL-python?'

    Python3:Django连接Mysql数据库时出错,'Did you install mysqlclient or MySQL-python?' 一.原因 因为Python版本问题,MySQLdb ...

  8. 20145235李涛《网络对抗》Exp8 Web基础

    基础问答 什么是表单 可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁. 表单包括两个部分:一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本 ...

  9. jvm-java内存模型与锁优化

    java内存模型与锁优化 参考: https://blog.csdn.net/xiaoxiaoyusheng2012/article/details/53143355 https://blog.csd ...

  10. OSTU二值化算法

    介绍 Ostu方法又名最大类间差方法,通过统计整个图像的直方图特性来实现全局阈值T的自动选取,其算法步骤为: 1) 先计算图像的直方图,即将图像所有的像素点按照0~255共256个bin,统计落在每个 ...