使用scriptreference使你的页面加载更快

2019独角兽企业重金招聘Python工程师标准>>>

当你使用Ajax或者是与Ajax相关的控件控件时,你能发现很多的控件都需要执行脚本来与服务器交换数据。对于一般情况下,浏览器可以向服务请求两个当前事件,比如可以在请求一个图片的同时请求一个CSS样式文件。不过对于javascript而言,浏览器不能够同时请求两个文件。当浏览器向服务器请求一个javascript时回停止所有其它的请求服务。

当你使用Ajax或者是相关的控件比如AjacControlToolKit时,浏览器以.asx格式向服务器发送异步请求,当一个asd form的异步请求数量特别多时,load整个页面的时间就会降低很多。这时你如果能够吧这些axd请求放到一起那么你就大大提高了一个page的load时间。

这里提供了如何能够把你的axd脚本放在一起发送请求:

a. 首先是你需要找到你页面中的所有javascript接口,那么你需要从codeplex上下载 script reference profile插件。

http://www.codeplex.com/aspnet/Release/ProjectReleases.aspx?ReleaseId=13356.

然后在你的页面注册scriptreference profile,如下所示:

<%@ Register Assembly="ScriptReferenceProfiler" Namespace="ScriptReferenceProfiler" TagPrefix="microsoft" %>

b. 在你的页面上添加这个控件:

<microsoft:ScriptReferenceProfiler ID="profiler1" runat="server" />

然后你再运行你的页面可以看到你的脚本已经被集成到一块了、如下图:

你也可以使用下面的方式集成js文件:

<asp:ScriptManager ID="sm1" runat="server" CompositeScript-ScriptMode="Release">

<asp:ScriptReference Name="AjaxControlToolkit.Compat.Timer.Timer.js"

Assembly="AjaxControlToolkit, Version=3.0.20820.23813,

Culture=neutral, PublicKeyToken=28f01b0e84b6d53e" />

<asp:ScriptReference

Name="AjaxControlToolkit.CollapsiblePanel.CollapsiblePanelBehavior.js"

Assembly="AjaxControlToolkit, Version=3.0.20820.23813,

Culture=neutral, PublicKeyToken=28f01b0e84b6d53e" />

</Scripts>

</CompositeScript>

</asp:ScriptManager>

注：使用第三方ajax插件，需在页面顶端加入如下代码：

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" %>

转载于:https://my.oschina.net/starmier/blog/169651

使用scriptreference使你的页面加载更快相关推荐

苹果发布了没有太多更新的 iOS 13 beta 8；一次编码、到处运行；SwiftUI 的两个特性；如何让网站加载更快...
2019-08-23 原文链接关键字:iOS 13 beta 8.云端一体化.SwiftUI 苹果发布 iOS 13 beta 8 版本 Apple 向开发者发布 iOS 13.iPadOS 13 ...
百度推出新技术 MIP，网页加载更快，广告呢？
MIP 项目在 2016 年年初正式发布,帮助移动页面加速(原理).内测数据表明,MIP 页面在 1s 内加载完成.现在已经有十多家网站加入 MIP 项目,有更多的网站正在加入中.在MIP收到的反馈中 ...
斗鱼扩展--拦截广告,让网页加载更快(四)
代码可以在 https://pan.baidu.com/s/1uN120-18hvAzELpJCQfbXA 处下载有些广告的图片,从请求到下载到本地后加载,让网页加载速度变慢,其实我也不怎么看 ...
页面加载后如何使JavaScript执行？
我正在使用<head>内的<script>执行外部脚本. 现在,由于脚本是在页面加载之前执行的,因此我无法访问<body> . 在文档"加载"后 ...
怎样使页面加载完再执行js代码
怎样使页面加载完再执行js代码由于HTML页面的加载顺序是从上到下,所以js代码要写在页面靠下的位置,否则可能会发生元素获取不到的问题,为了避免这种情况,可以通过页面元素加载完之后,再执行js代码, ...
深入浅出经典面试题：从浏览器中输入URL到页面加载发生了什么 - Part 3
备注: 因为文章太长,所以将它分为三部分,本文是第三部分. 第一部分:深入浅出经典面试题:从浏览器中输入URL到页面加载发生了什么 - Part 1 第二部分:深入浅出经典面试题:从浏览器中输入URL ...
页面加载速度优化的12个建议
1.合并Js文件和CSS 将JS代码和CSS样式分别合并到一个共享的文件,这样不仅能简化代码,而且在执行JS文件的时候,如果JS文件比较多,就需要进行多次"Get"请求,延长加载速 ...
纯ajax html网页,JavaScript – 页面加载纯HTML AJAX网站中的替代品
Is my goal impossible or there's a mature approach out there? 最近有很多JavaScript框架围绕这个概念("单页应用程序&q ...
页面加载被延迟 Firefox将禁用对DV和OV证书的OCSP检查
2019独角兽企业重金招聘Python工程师标准>>> 由于性能降低,Mozilla将会尝试禁用OCSP检查.OCSP,或称在线证书状态协议,是用来检测证书是否已被撤销的一个技术性机 ...

使用scriptreference使你的页面加载更快

使用scriptreference使你的页面加载更快相关推荐

最新文章

热门文章