ASP.NET作为微软核心的Web开发框架,历经二十余年发展,已成为构建企业级、高流量网站的首选平台之一,其技术栈的深度和生态系统的成熟度,为开发者提供了从快速原型到复杂系统落地的全方位支持。
如何优化网页从dom css js
一、页面级优化1. 减少HTTP请求数这条策略基本上所有前端人都知道,而且也是最重要最有效的。 都说要减少HTTP请求,那请求多了到底会怎么样呢?首先,每个请求都是有成本的,既包含时间成本也包含资源成本。 一个完整的请求都需要经过DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据这样一个”漫长”而复杂的过程。 时间成本就是用户需要看到或者”感受”到这个资源是必须要等待这个过程结束的,资源上由于每个请求都需要携带数据,因此每个请求都需要占用带宽。 另外,由于浏览器进行并发请求的请求数是有上限的(具体参见此处),因此请求数多了以后,浏览器需要分批进行请求,因此会增加用户的等待时间,会给用户造成站点速度慢这样一个印象,即使可能用户能看到的第一屏的资源都已经请求完了,但是浏览器的进度条会一直存在。 减少HTTP请求数的主要途径包括:(1). 从设计实现层面简化页面如果你的页面像网络首页一样简单,那么接下来的规则基本上都用不着了。 保持页面简洁、减少资源的使用时最直接的。 如果不是这样,你的页面需要华丽的皮肤,则继续阅读下面的内容。 (2). 合理设置HTTP缓存缓存的力量是强大的,恰当的缓存设置可以大大的减少HTTP请求。 以有啊首页为例,当浏览器没有缓存的时候访问一共会发出78个请求,共600多K数据(如图1.1),而当第二次访问即浏览器已缓存之后访问则仅有10个请求,共20多K数据(如图1.2)。 (这里需要说明的是,如果直接F5刷新页面的话效果是不一样的,这种情况下请求数还是一样,不过被缓存资源的请求服务器是304响应,只有Header没有Body,可以节省带宽)怎样才算合理设置?原则很简单,能缓存越多越好,能缓存越久越好。 例如,很少变化的图片资源可以直接通过HTTP Header中的Expires设置一个很长的过期头;变化不频繁而又可能会变的资源可以使用Last-Modifed来做请求验证。 尽可能的让资源能够在缓存中待得更久。 关于HTTP缓存的具体设置和原理此处就不再详述了,有兴趣的可以参考下列文章:HTTP1.1协议中关于缓存策略的描述Fiddler HTTP Performance中关于缓存的介绍(3). 资源合并与压缩如果可以的话,尽可能的将外部的脚本、样式进行合并,多个合为一个。 另外,CSS、Javascript、Image都可以用相应的工具进行压缩,压缩后往往能省下不少空间。 (4). CSS Sprites合并CSS图片,减少请求数的又一个好办法。 二、代码级优化1. Javascript(1). DOMDOM操作应该是脚本中最耗性能的一类操作,例如增加、修改、删除DOM元素或者对DOM集合进行操作。 如果脚本中包含了大量的DOM操作则需要注意以下几点:a. HTML Collection在脚本中、、getElementsByTagname()返回的都是HTMLCollection类型的集合,在平时使用的时候大多将它作为数组来使用,因为它有length属性,也可以使用索引访问每一个元素。 不过在访问性能上则比数组要差很多,原因是这个集合并不是一个静态的结果,它表示的仅仅是一个特定的查询,每次访问该集合时都会重新执行这个查询从而更新查询结果。 所谓的”访问集合”包括读取集合的length属性、访问集合中的元素。 因此,当你需要遍历HTML Collection的时候,尽量将它转为数组后再访问,以提高性能。 即使不转换为数组,也请尽可能少的访问它,例如在遍历的时候可以将length属性、成员保存到局部变量后再使用局部变量。 b. Reflow & Repaint除了上面一点之外,DOM操作还需要考虑浏览器的Reflow和Repaint,因为这些都是需要消耗资源的,具体的可以参加以下文章:如何减少浏览器的repaint和reflow?Understanding Internet Explorer Rendering BehaviourNotes on HTML Reflow(2). 慎用with with(obj){ p = 1}; 代码块的行为实际上是修改了代码块中的执行环境,将obj放在了其作用域链的最前端,在with代码块中访问非局部变量是都是先从obj上开始查找,如果没有再依次按作用域链向上查找,因此使用with相当于增加了作用域链长度。 而每次查找作用域链都是要消耗时间的,过长的作用域链会导致查找性能下降。 因此,除非你能肯定在with代码中只访问obj中的属性,否则慎用with,替代的可以使用局部变量缓存需要访问的属性。 (3). 避免使用eval和Function每次 eval 或 Function 构造函数作用于字符串表示的源代码时,脚本引擎都需要将源代码转换成可执行代码。 这是很消耗资源的操作 —— 通常比简单的函数调用慢100倍以上。 eval 函数效率特别低,由于事先无法知晓传给 eval 的字符串中的内容,eval在其上下文中解释要处理的代码,也就是说编译器无法优化上下文,因此只能有浏览器在运行时解释代码。 这对性能影响很大。 Function 构造函数比eval略好,因为使用此代码不会影响周围代码;但其速度仍很慢。 此外,使用eval和Function也不利于Javascript压缩工具执行压缩。 (4). 减少作用域链查找前文谈到了作用域链查找问题,这一点在循环中是尤其需要注意的问题。 如果在循环中需要访问非本作用域下的变量时请在遍历之前用局部变量缓存该变量,并在遍历结束后再重写那个变量,这一点对全局变量尤其重要,因为全局变量处于作用域链的最顶端,访问时的查找次数是最多的。
如何加快网站打开速度,增强安全性,提高用户体验?
选用Cloudex网站加速服务,提供多种加速解决方案,可根据网站的需求随意选择,按使用付费。 拥有专业的加速平台,配有完善的支持政策,提供7*24小时专业售后服务。
aspnetmvc网站性能怎么样
利用mvc做网站性能都可以满足用户需求。 MVC (Model、View、Controller)将一个Web应用分解为:Model、View和Controller。 MVC框架提供了一个可以代替的基于MVC设计模式的应用。 MVC概述·MVC的优点:1.通过把项目分成Model、View和Controller,使得复杂项目更加容易维护,减少项目之间的耦合。 2.使用ViewState和服务器表单控件,可以更方便的控制应用程序的行为3.应用程序通过Controller来控制程序请求,并提供了原生的UrlRouting功能来重写Url。 4.使Web程序对单元测试的支持更加出色5.在团队开发模式下表现更出众 MVC概述·WebForm的优点:1.采用事件驱动模式来控制应用程序请求,由大量服务器控件支持2.采用页面控制机制,可以为单个页面添加事件处理函数。 3.使用ViewState和服务器端页面,使管理页面状态信息更加轻松。 4.对人数较少的想使用服务器端控件的开发团队,使用起来更加方便5.开发起来比MVC模式要轻松简单一些 MVC概述MVC框架特色:1.分离任务(输入逻辑,业务逻辑和显示逻辑),易于测试和默认支持测试驱动开发(TDD)。 所有MVC用到的组件都是基于接口并且可以在进行测试时进行Mock,你在不运行进程的情况下进行测试,使得测试更加快速和简捷。 2.可扩展的简便的框架。 MVC框架被设计用来更轻松的移植和定制功能。 你可以自定义视图引擎、UrlRouting规则及重载Action方法等。 MVC也支持Dependency Injection (DI,依赖注入) and Inversion of Control (IoC,控制反转)的良好支持。 3.强大的UrlRouting机制让你更方便的建立容易理解和可搜索的Url,为SEO提供更好的支持。 Url可以不包含任何文件扩展名,并且可以重写Url使其对搜索引擎更加友好。 4.可以使用现有的页面标记、用户控件、模板页。 你可以使用嵌套模板页,嵌入表达式<%=%>,声明服务器控件、模板,数据绑定、定位等等。 5.对现有的程序的支持,mvc让你可以使用如窗体认证和Windows认证、url认证、组管理和规则、输出、数据缓存、session、Profile 、health monitoring、配置管理系统、provider architecture特性。














发表评论