【ASP.NET MVC】提高页面加载速度:脚本优化
2013-11-09 13:30
519 查看
在这里我们说一下脚本优化的三个方法:
一、在我们做Web开发的时候,当我们引用Js文件的时候,我们一般会将js文件放在文档的head标签中,这时当页面加载的时候,浏览器会按着由上到下的顺序,当浏览器遇到script标签时,它会阻止其他内容的下载,知道他检索完整个脚本,这样会减慢页面加载速度,因此,script标签应该尽可能的放到页面的底部(仅仅位于body结束标签之前)就会产生很好的用户体验。
二、另一种减少页面加载时间的技术就是精简自定义脚本。比如我们经常用到的jquery.validate.min.js和jquery.validate.js,前者 就是精简化的脚本。
三、减少向客户端发送的script标签数量。对于任何页面而言,浏览器看到script标签的最优数量是一个。为了达到这个最优数量,我们可以使用脚本合并器将多个js文件捆绑成一个资源文件。现在有很多脚本合并器可供使用,其中一些工作在构建时,用以在项目中创建文件;其它的工作在运行时,可以动态地合并脚本以相应Http请求,对于后者,这里推荐一个合并器:http://combres.codeplex.com/。
一、在我们做Web开发的时候,当我们引用Js文件的时候,我们一般会将js文件放在文档的head标签中,这时当页面加载的时候,浏览器会按着由上到下的顺序,当浏览器遇到script标签时,它会阻止其他内容的下载,知道他检索完整个脚本,这样会减慢页面加载速度,因此,script标签应该尽可能的放到页面的底部(仅仅位于body结束标签之前)就会产生很好的用户体验。
二、另一种减少页面加载时间的技术就是精简自定义脚本。比如我们经常用到的jquery.validate.min.js和jquery.validate.js,前者 就是精简化的脚本。
三、减少向客户端发送的script标签数量。对于任何页面而言,浏览器看到script标签的最优数量是一个。为了达到这个最优数量,我们可以使用脚本合并器将多个js文件捆绑成一个资源文件。现在有很多脚本合并器可供使用,其中一些工作在构建时,用以在项目中创建文件;其它的工作在运行时,可以动态地合并脚本以相应Http请求,对于后者,这里推荐一个合并器:http://combres.codeplex.com/。
相关文章推荐
- ASP.NET页面优化,提高载入速度
- ASP.NET页面优化,提高载入速度方法大全-压缩页面
- Asp.net mvc 网站之速度优化 -- 页面缓存
- ASP.NET页面优化,提高载入速度方法大全-压缩页面
- ASP.NET页面优化,提高载入速度方法大全-压缩页面
- Asp.net mvc 网站之速度优化 -- 页面缓存
- [转]Asp.net mvc 网站之速度优化 -- 页面缓存
- Asp.net mvc 网站之速度优化 -- 页面缓存
- ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
- 十招教你提高ASP.NET页面载入速度
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
- 如何提高ASP.NET页面载入速度的方法
- Asp.net mvc 网站之速度优化 -- Memcache
- 使用Filter跟踪ASP.NET MVC页面加载时间
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
- Web前端性能优化——如何提高页面加载速度
- ASP.NET MVC优化--静态资源捆绑打包和压缩(Bundling and minification)提高页
- 如何提高ASP.NET页面载入速度的方法